用JQuery实现全选与取消的两种简单方法

前端技术 2023/09/05 JavaScript
用JQUERY实现全选和取消全选,没有js那么繁琐，而且支持更多浏览器。
复制代码 代码如下:

<mce:script type=\"text/javascript\"><!--

$(function() { 
    $(\"#checkall\").click(function() { 
        $(\"input[@name=\'checkname[]\']\").each(function() { 
            $(this).attr(\"checked\", true);
        });
    });
    $(\"#delcheckall\").click(function() { 
        $(\"input[@name=\'checkname[]\']\").each(function() { 
            $(this).attr(\"checked\", false);
        });
    });
});
// --></mce:script>

<input type=\'checkbox\' id=\'id1\' name=\'checkname[]\' value=\'1\' />value1 
<input type=\'checkbox\' id=\'id2\' name=\'checkname[]\' value=\'2\' />value2
<input type=\'checkbox\' id=\'id3\' name=\'checkname[]\' value=\'3\' />value3

<input type=\"button\" id=\"checkall\" name=\"checkall\" value=\"全选\" />
<input type=\"button\" id=\"delcheckall\" name=\"delcheckall\" value=\"取消全选\" />

更加简单的一种:
复制代码 代码如下:

$(\"#checkall\").click(
  function(){
    if(this.checked){
        $(\"input[name=\'checkname\']\").attr(\'checked\', true)
    }else{
        $(\"input[name=\'checkname\']\").attr(\'checked\', false)
    }
  }
);

本文地址：https://www.stayed.cn/item/12335

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案