您的位置：首页 > Web前端 > JavaScript

javascript 实现全选/全不选

2012-12-09 12:11 211 查看

        在开发前台页面时，我们经常会遇到要实现全选/全不选这样的操作，尤其是与数据库进行交互，动态生成checkbox时，很多时候容易犯糊涂，在网上看到了这段代码觉得很好，便做个记录以便以后利用，下面就看看这个简单而且很实用的实现方法。

<script type="text/javascript">
function check_all(obj,cName)
{
    var checkboxs = document.getElementsByName(cName);
    for(var i=0;i<checkboxs.length;i++){checkboxs[i].checked = obj.checked;}
}
</script>

<body>
<p><input type="checkbox" name="all"
onclick="check_all(this,'c')"
/>全选/全不选</p>
<p><input type="checkbox" name="c"
value="" /></p>
<p><input type="checkbox" name="c"
value="" /></p>
<p><input type="checkbox" name="c"
value="" /></p>
<p><input type="checkbox" name="c"
value="" /></p>
</body>
如果checkbox选择按钮时动态生成的，也只需要动态生成时使用同名就能轻而易举的搞定全选/反选操作。举一反三，遇到其他类似的情况是，也可以考虑使用这种方式试试是否有效。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航