欢迎来到福编程网,本站提供各种互联网专业知识!

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

发布时间:2007-03-05 作者: 来源:转载
因为死神的一个单选按钮问题,N多人出来扯淡,唉,偶这个菜鸟级人物也出来,混水摸鱼去。一个不小心也摸到了一条。首先看从baidu中挖出来的一段代码,偶就从这里动手的。复制代码代码如下:functioncheckradio(){for(i=0;iC1C2C3C4C5C6C7C8C9
因为死神的一个单选按钮问题,N多人出来扯淡,唉,偶这个菜鸟级人物也出来,混水摸鱼去。一个不小心也摸到了一条。

首先看从baidu中挖出来的一段代码,偶就从这里动手的。
复制代码 代码如下:


您最喜欢的水果是:


苹果
香蕉
草莓
凤梨



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

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

程序代码


您最喜欢的水果是:



苹果
香蕉
草莓
凤梨


后来又看到了一个由晨写的更清晰的一段代码,在这里也帖一下。
(注:为了便于测试,改动了一下,思路还是他的思路)
复制代码 代码如下:

单选的结束了,飞飞老大不死心,在晚上的时候搞出了一个针对复选框的代码。
复制代码 代码如下:


您最喜欢的水果是:



苹果

香蕉

草莓

凤梨

全选


functiontest()
{
fruitlist="";
for(i=0;iif(document.getElementById("frm")[i].type=="checkbox"&&document.getElementById("frm")[i].checked)
fruitlist+=document.getElementById("frm")[i].value+"";
if(fruitlist!="")
alert("你喜欢的水果是"+fruitlist);
else
alert("大哥。你都不选我怎么知道你喜欢什么?");
}


再来一段更简洁的代码、效果更好的关于复选的代码。
复制代码 代码如下:






C1


C2


C3


C4


C5


C6


C7


C8


C9







相关推荐