HTML-CSS群中单选引发的“事件”

2024-09-06 12:43:10

字体：大中小

来源：转载

供稿：网友

因为死神的一个单选按钮问题，N多人出来扯淡，唉，偶这个菜鸟级人物也出来，混水摸鱼去。一个不小心也摸到了一条。

首先看从baidu中挖出来的一段代码，偶就从这里动手的。
代码如下:
<script>
function checkradio()
{
    for(i=0;i<document.form1.Fruit.length;i++)
    {
        if(document.form1.Fruit[i].checked)
        {
            alert("您最喜欢的水果是："+document.form1.Fruit[i].nextSibling.nodeValue);
        }
    }
}
</script>
<form name="form1">
您最喜欢的水果是：<br>
<input type=radio value="Fruit1" name="Fruit" checked>苹果
<input type=radio value="Fruit2" name="Fruit">香蕉
<input type=radio value="Fruit3" name="Fruit">草莓
<input type=radio value="Fruit4" name="Fruit">凤梨
<input type=button value="选择" onclick="checkradio()">
</form>

这段代码的作用是判断所选的值。

现在要的效果是如果每个选项都为空的时候要给出一个提示，下面的代码就是偶改动后的效果

程序代码
<script>
function checkradio()
{
    var j=0;
    for(i=0;i<document.form1.Fruit.length;i++)
    {
        if(document.form1.Fruit[i].checked==true)
        {
            alert("你选择了"+document.form1.Fruit[i].nextSibling.nodeValue);
            //break;这个break经飞飞指点，无效，去掉
        }else{
            j=j+1;
            if(j==4){
                alert("靠，你TMD选一个，偶就不用出来了噶！");
            }
        }
    }
}
</script>
<form name="form1">
您最喜欢的水果是：<br>
<input type=radio value="Fruit1" name="Fruit">
苹果
<input type=radio value="Fruit2" name="Fruit">香蕉

上一篇：用js判断用户浏览器是否是XP SP2的IE6

下一篇：禁止F5等快捷键的JS代码

学习交流

如何查找有故障的配件

如何查找有故障的配件...

热门图片

猜你喜欢的新闻

猜你喜欢的关注