JQuery操作textarea,input,select,checkbox方法(2)

<a href="javascript:;">全部选择</a><br> <a href="javascript:;">取消选择</a><br> <a href="javascript:;">反向选择</a> <p><input type="checkbox">A <input type="checkbox"> B <input type="checkbox">C</p> <p><input type="checkbox">D <input type="checkbox">E <input type="checkbox">F</p>

Jquery部分

//全部选择 $("#all").click(function(){ $("input[name='checkbox1']").each(function(){ $(this).attr("checked",true); }); });

普通javascirpt部分:

function checkAll(){ for(i=0;i<newTask.length;i++){ e=newTask.elements[i]; if(e.type=='checkbox'){ if(e.checked=false){ e.checked=true; }else{ e.checked=true; } } } }

取消选择代码:

Jquery部分:

//取消选择 $("#delAll").click(function(){ $("input[name='checkbox1']").each(function(){ $(this).attr("checked",false); }); });

普通javascript部分:

function delAll(){ for(i=0;i<newTask.length;i++){ e=newTask.elements[i]; if(e.type=='checkbox'){ if(e.checked=true){ e.checked=false; } else{ e.checked=false; } } } }

反向选择代码:

Jquery部分:

//反向选择 $("#antiAll").click(function(){ $("input[name='checkbox1']").each(function(){ $(this).attr("checked",!this.checked); });

普通javascript部分:

function antiAll(){ for(i=0;i<newTask.length;i++){ e=newTask.elements[i]; if(e.type=='checkbox'){ e.checked=!e.checked; } } }

您可能感兴趣的文章:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wggjwg.html