jQuery判断单选框和输入框是否已经选择 首页 » 编程语言 » jQuery判断单选框和输入框是否已经选择 分享到各大社区 全屏 A 多对单选框，判断每对是否全部选择(每组radio的数量必须是一样多的)。 多个输入框，判断每个输入框是否有内容。 其他<inut>可以参考写好。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> </head> <body> <script src="http://code.jquery.com/jquery-latest.js"></script> <script language="javascript" type="text/javascript"> function judge(){ var radios = $(':radio'); var text = $(':text'); for(var i=0; i<radios.length/4; i++){ if(!(radios[4*i].checked==true || radios[4*i+1].checked==true || radios[4*i+2].checked==true || radios[4*i+3].checked==true)){ alert('仍有部单选框未选中。'); return false; } } for(var i=0; i<text.length; i++){ if(text[i].value===''){ alert('仍有部分输入框未填写。'); return false; } } alert('全部输入！'); } </script> 第一组单选按钮： <input type="radio" name="1" value="A" /> <input type="radio" name="1" value="B" /> <input type="radio" name="1" value="C" /> <input type="radio" name="1" value="D" /> <br /> 第二组单选按钮： <input type="radio" name="2" value="A" /> <input type="radio" name="2" value="B" /> <input type="radio" name="2" value="C" /> <input type="radio" name="2" value="D" /> <br /> 第二组单选按钮： <input type="radio" name="3" value="A" /> <input type="radio" name="3" value="B" /> <input type="radio" name="3" value="C" /> <input type="radio" name="3" value="D" /> <br /> 第一个输入框：<input tyle="text" name="a" style="width:184px;height:16px;"> <br /> 第二个输入框：<input tyle="text" name="b" style="width:184px;height:16px;"> <br /> 第三个输入框：<input tyle="text" name="c" style="width:184px;height:16px;"> <br /> 第四个输入框：<input tyle="text" name="d" style="width:184px;height:16px;"> <br /> 第五个输入框：<input tyle="text" name="e" style="width:184px;height:16px;"> <br /> <a href="javascript:judge();">检测</a> </body> </html> 标签：jQuery 版权声明：若无特殊注明，本文皆为( VISAce )收集整理，版权归原作者所有。—— 李佳培.中国
发表评论
既然没有评论，那就赶紧抢沙发吧！