郑州的电子商城网站建设,工厂外发订单哪里去找,百度360度实景地图,网站项目建设流程图checkbox的全选、取消全选、选中所有奇数、选中所有偶数等方法的实现代码如下#xff1a; 注意jQuery的版本#xff1a;jQuery1.6增加了prop#xff0c;1.6之前的还是使用attr()和removeAttr()
!DOCTYPE html
html langen
head ti…checkbox的全选、取消全选、选中所有奇数、选中所有偶数等方法的实现代码如下 注意jQuery的版本jQuery1.6增加了prop1.6之前的还是使用attr()和removeAttr()
!DOCTYPE html
html langen
head titlecheckbox全选、反选等实现方式/title meta charsetUTF-8script srchttps://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js/scriptscript typetext/javascript $(function($){//prop是jQuery1.6新增的jQuery1.6之前还是用attr和removeAttr。//全选 $(#btn1).click(function(){ // alert(选中1);// $(input[namecheckbox]).attr(checked,true);$(input[namecheckbox]).prop(checked,true); });//取消全选$(#btn2).click(function(){ // alert(选中2);// $(input[namecheckbox]).removeAttr(checked); $(input[namecheckbox]).prop(checked, false); });//选中所有奇数 $(#btn3).click(function(){// alert(选中3);// $(input[namecheckbox]:even).attr(checked,true);$(input[namecheckbox]).prop(checked, false); $(input[namecheckbox]:even).prop(checked, true); });//选中所有偶数 $(#btn6).click(function(){ // alert(选中4);// $(input[namecheckbox]:odd).attr(checked,true); $(input[namecheckbox]).prop(checked, false); $(input[namecheckbox]:odd).prop(checked, true); });//反选-jQuery1.5/*$(#btn4).click(function(){ $(input[namecheckbox]).each(function(){ if($(this).attr(checked)) { $(this).removeAttr(checked); }else { $(this).attr(checked,true); } });}) *///反选-jQuery1.6$(#btn4).click(function(){ $(input[typecheckbox]).prop(checked, function( i, val ) { //i:索引 val:true/false(选中为true,否则为false)return !val;});})//获取选择项的值 var aa; $(#btn5).click(function(){ $(input[namecheckbox]:checkbox:checked).each(function(){ aa$(this).val();});document.write(aa); });})/script
/head
body form idform1 runatserver div input typebutton idbtn1 value全选input typebutton idbtn2 value取消全选 input typebutton idbtn3 value选中所有奇数 input typebutton idbtn6 value选中所有偶数 input typebutton idbtn4 value反选 input typebutton idbtn5 value获得选中的所有值 brinput typecheckbox namecheckbox valuecheckbox1checkbox1brinput typecheckbox namecheckbox valuecheckbox2checkbox2brinput typecheckbox namecheckbox valuecheckbox3checkbox3brinput typecheckbox namecheckbox valuecheckbox4checkbox4brinput typecheckbox namecheckbox valuecheckbox5checkbox5brinput typecheckbox namecheckbox valuecheckbox6checkbox6brinput typecheckbox namecheckbox valuecheckbox7checkbox7brinput typecheckbox namecheckbox valuecheckbox8checkbox8/div /form
/body
/html注意禁用复选框的方法$(“input[type‘checkbox’]”).prop(“disabled”, true);
