jquery获取复选框的值
<mce:scriptsrc="jquery.js"mce_src="jquery.js"></mce:script><!--这是载入jquery.js文件,如果不使用jquery可以去掉--><mce:scripttype="text/javascript"><!--functionchk(){varobj=document.getElementsByName('test');//选择所有name="'test'"的对象,返回数组//取到对象数组后,我们来循环检测它是不是被选中vars='';for(vari=0;i<obj.length;i++){if(obj[i].checked)s+=obj[i].value+',';//如果选中,将value添加到变量s中}//那么现在来检测s的值就知道选中的复选框的值了alert(s==''?'你还没有选择任何内容!':s);}functionjqchk(){//jquery获取复选框值varchk_value=[];$('input[name="test"]:checked').each(function(){chk_value.push($(this).val());});alert(chk_value.length==0?'你还没有选择任何内容!':chk_value);}//--></mce:script>对checkbox的其他几个操作1.全选2.取消全选3.选中所有奇数4.反选5.获得选中的所有值js代码<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><title>louis-blog>>jQuery对checkbox的操作</title><mce:scripttype='text/javascript'src="http://leotheme.cn/wp-includes/js/jquery/jquery.js"mce_src="http://leotheme.cn/wp-includes/js/jquery/jquery.js"></mce:script><SCRIPTLANGUAGE="JavaScript"><!--$("document").ready(function(){$("#btn1").click(function(){$("[name='checkbox']").attr("checked",'true');//全选})$("#btn2").click(function(){$("[name='checkbox']").removeAttr("checked");//取消全选})$("#btn3").click(function(){$("[name='checkbox']:even").attr("checked",'true');//选中所有奇数})$("#btn4").click(function(){$("[name='checkbox']").each(function(){//反选if($(this).attr("checked")){$(this).removeAttr("checked");}else{$(this).attr("checked",'true');}})})$("#btn5").click(function(){//输出选中的值varstr="";$("[name='checkbox'][checked]").each(function(){str+=$(this).val()+"/r/n";//alert($(this).val());})alert(str);})})--></SCRIPT></HEAD><bodymce_><div><formname="form1"method="post"action=""><inputtype="button"id="btn1"value="全选"><inputtype="button"id="btn2"value="取消全选"><inputtype="button"id="btn3"value="选中所有奇数"><inputtype="button"id="btn4"value="反选"><inputtype="button"id="btn5"value="获得选中的所有值"><br/><br/><inputtype="checkbox"name="checkbox"value="checkbox1">checkbox1<inputtype="checkbox"name="checkbox"value="checkbox2">checkbox2<inputtype="checkbox"name="checkbox"value="checkbox3">checkbox3<inputtype="checkbox"name="checkbox"value="checkbox4">checkbox4<inputtype="checkbox"name="checkbox"value="checkbox5">checkbox5<inputtype="checkbox"name="checkbox"value="checkbox6">checkbox6</form></div></body></HTML>
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。