HTML-CSS群中單選引發(fā)的“事件”

2024-09-06 12:43:10

字體：大中小

供稿：網(wǎng)友

因為死神的一個單選按鈕問題，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>

這段代碼的作用是判斷所選的值。

現(xiàn)在要的效果是如果每個選項都為空的時候要給出一個提示，下面的代碼就是偶改動后的效果

程序代碼
<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經(jīng)飛飛指點，無效，去掉
        }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代碼