jquery实现全选反选功能---兰
<div id="checkAndInverCheck"> <p style="text-align:center; padding-top:15px"> 选择喜欢的兰花品种:</br> <input type="checkbox" value="蕙兰">蕙兰 <input type="checkbox" value="建兰">建兰</br> <input type="checkbox" value="寒兰">寒兰 <input type="checkbox" value="墨兰">墨兰</br> <input type="checkbox" value="春兰">春兰 <input type="checkbox" value="莲瓣兰">莲瓣兰 </div> <p style="text-align:center; padding-top:15px"> <input type="button" value="全选" name="ay_check" id="ay_check_all"/> <input type="button" value="反选" name="ay_check" id="ay_check_invert"/> </p> <script type="text/javascript"> //全选 $("input[name=‘ay_check‘]").bind("click",function(){ var btn_id = $(this).attr("id"); if(btn_id){ //点击全选按钮 if(btn_id == "ay_check_all"){ var inputs = $("#checkAndInverCheck input"); if(inputs.length == 0){ alert("div下没<input>元素,你想全选啥?"); }else{ for(var i in inputs){ inputs[i].checked=(inputs[i].checked)?"checked":"checked"; } } //点击反选按钮 }else if(btn_id == "ay_check_invert"){ var inputs = $("#checkAndInverCheck input"); if(inputs.length == 0){ alert("div下没<input>元素,你想反选啥?"); }else{ for(var i in inputs){ inputs[i].checked=(inputs[i].checked)?"":"checked"; } } }else{ alert("wrong!!!"); } } }); //全选 function checkAll(){ var inputs = $("#checkAndInverCheck input"); if(inputs.length == 0){ alert("div下没<input>元素,你想全选啥?"); }else{ for(var i in inputs){ inputs[i].checked=(inputs[i].checked)?"checked":"checked"; } } } //反选 function invertCheck(){ var inputs = $("#checkAndInverCheck input"); if(inputs.length == 0){ alert("div下没<input>元素,你想反选啥?"); }else{ for(var i in inputs){ inputs[i].checked=(inputs[i].checked)?"":"checked"; } } }
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。