因为死神的一个单选按钮问题，N多人出来扯淡，唉，偶这个菜鸟级人物也出来，混水摸鱼去。一个不小心也摸到了一条。
首先看从baidu中挖出来的一段代码，偶就从这里动手的。
复制代码 代码如下:
<script>
functioncheckradio()
{
for(i=0;i<document.form1.Fruit.length;i++)
{
if(document.form1.Fruit[i].checked)
{
alert("您最喜欢的水果是："+document.form1.Fruit[i].nextSibling.nodeValue);
}
}
}
</script>
<formname="form1">
您最喜欢的水果是：<br>
<inputtype=radiovalue="Fruit1"name="Fruit"checked>苹果
<inputtype=radiovalue="Fruit2"name="Fruit">香蕉
<inputtype=radiovalue="Fruit3"name="Fruit">草莓
<inputtype=radiovalue="Fruit4"name="Fruit">凤梨
<inputtype=buttonvalue="选择"onclick="checkradio()">
</form>
这段代码的作用是判断所选的值。
现在要的效果是如果每个选项都为空的时候要给出一个提示，下面的代码就是偶改动后的效果
程序代码
<script>
functioncheckradio()
{
varj=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>
<formname="form1">
您最喜欢的水果是：<br>
<inputtype=radiovalue="Fruit1"name="Fruit">
苹果
<inputtype=radiovalue="Fruit2"name="Fruit">香蕉
<inputtype=radiovalue="Fruit3"name="Fruit">草莓
<inputtype=radiovalue="Fruit4"name="Fruit">凤梨
<inputtype=buttonvalue="选择"onclick="checkradio()">
</form>
后来又看到了一个由晨写的更清晰的一段代码，在这里也帖一下。
（注：为了便于测试，改动了一下，思路还是他的思路）
复制代码 代码如下:
<script>
functioncheckradio()
{
varflag=false;
for(vari=0;i<=document.form1.Fruit.length-1;i++)
{
if(form1.Fruit[i].checked){
flag=true;}
}
if(flag)
{
alert("^_^");
returnfalse;
}else{
alert("大侠，您老就选一个吧！");
}
}
</script>
单选的结束了，飞飞老大不死心，在晚上的时候搞出了一个针对复选框的代码。
复制代码 代码如下:
<script>
varj=document.getElementsByName("Fruit");
functionallche(){
for(vari=0;i<j.length;i++){
if(document.form1.Fruit[i].checked!=true)document.form1.Fruit[i].checked=document.form1.suoy.checked;
if(document.form1.Fruit[i].checked==true)document.form1.Fruit[i].checked=document.form1.suoy.checked;
}
}
functioncheckall(){
varaa=0
for(vari=0;i<j.length;i++){
if(document.form1.Fruit[i].checked==true)aa++;
aa!=j.length?document.form1.suoy.checked=false:document.form1.suoy.checked=true;
}
}
functioncheckradio(){
vara=0
varlist=""
for(vari=0;i<j.length;i++)
if(document.form1.Fruit[i].checked==true){
list==""?list=document.form1.Fruit[i].value:list=list+","+document.form1.Fruit[i].value;
}
if(list!="")alert("你喜欢的水果是"+list);
else{
a++;
if(a==j.length)alert("大哥。你都不选我怎么知道你喜欢什么？");}
}
</script>
<formname="form1"id="frm">
您最喜欢的水果是：<br>
<inputtype=checkboxvalue="苹果"name="Fruit"onClick="checkall()">
苹果
<inputtype=checkboxvalue="香蕉"name="Fruit"onClick="checkall()">
香蕉
<inputtype=checkboxvalue="草莓"name="Fruit"onClick="checkall()">
草莓
<inputtype=checkboxvalue="凤梨"name="Fruit"onClick="checkall()">
凤梨
<inputtype=buttonvalue="选择"onclick="checkradio()">
<inputtype=checkboxonclick="allche()"name="suoy">全选
</form>
<scriptlanguage="javascript"type="text/javascript"id="commonjs">
functiontest()
{
fruitlist="";
for(i=0;i<document.getElementById("frm").length;i++)
if(document.getElementById("frm")[i].type=="checkbox"&&document.getElementById("frm")[i].checked)
fruitlist+=document.getElementById("frm")[i].value+"";
if(fruitlist!="")
alert("你喜欢的水果是"+fruitlist);
else
alert("大哥。你都不选我怎么知道你喜欢什么？");
}
</script>
再来一段更简洁的代码、效果更好的关于复选的代码。
复制代码 代码如下:
<SCRIPTLANGUAGE="JavaScript">
<>
</script>
</head>
<body>
<formname=checkboxform>
<inputtype=checkboxname=C1>C1<br>
<inputtype=checkboxname=C2>C2<br>
<inputtype=checkboxname=C3>C3<br>
<inputtype=checkboxname=C4>C4<br>
<inputtype=checkboxname=C5>C5<br>
<inputtype=checkboxname=C6>C6<br>
<inputtype=checkboxname=C7>C7<br>
<inputtype=checkboxname=C8>C8<br>
<inputtype=checkboxname=C9>C9<br>
<br>
<inputtype=buttonvalue="全选"onClick="checkAll()"><br>
<inputtype=buttonvalue="取消"onClick="uncheckAll()"><br>
<inputtype=buttonvalue="反选"onClick="switchAll()"><br>
</form>
【HTML-CSS群中单选引发的“事件”】相关文章：
★ Eclipse编辑jsp、js文件时卡死现象的解决办法汇总
★ Javascript中prototype属性实现给内置对象添加新的方法
★ jQuery插件Slider Revolution实现响应动画滑动图片切换效果
★ 在ASP.NET MVC项目中使用RequireJS库的用法示例