js实现checkbox全选反选实例代码|三体教程
文章目录

js实现checkbox全选反选实例代码

今天这篇文章主要是介绍如何使用js来实现checkbox全选反选的操作。

一般用到全选反选的地方,都是需要批量操作的。

一个一个的选择,效率肯定会很低。

所以全选或反选在这时候就很有用了。

来看看下面的实例代码。

javascript代码<script>
function selectall(divid){
	var divselect=get_obj(divid);
	var cbx=divselect.getElementsByTagName("input");
	for(var i=0;i<cbx.length;i++){
		if(!cbx[i].checked)
			cbx[i].checked = true;    
		else
			cbx[i].checked = false;
	}
}
</script>
html代码<table border="1">
    <tr class="trbg">
        <td>
        	<input type="checkbox" name="select" onclick="selectall('divlist');" />全选
        </td>
        <td>事件名字</td>
	</tr>
    <tbody id="divlist">
        <tr>
            <td>
            <input type="checkbox" name="select[]" value="1" />
            </td>
            <td>javascript click单击事件</td>
        </tr>
        <tr>
            <td>
            <input type="checkbox" name="select[]" value="2" />
            </td>
            <td>javascript blur单击事件</td>
        </tr>
        <tr>
            <td>
            <input type="checkbox" name="select[]" value="2" />
            </td>
            <td>javascript keyup单击事件</td>
        </tr>
        <tr>
            <td>
            <input type="checkbox" name="select[]" value="2" />
            </td>
            <td>javascript keydown单击事件</td>
        </tr>
    </tbody>
</table>


本文网址:http://www.santii.com/article/19.html


数据更新时间:2018-05-21