js实现全选反选实例代码

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

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

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

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

来看看下面的实例代码。

    <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>

    <table border="1">
        <tr class="trbg">
            <td>
            	<input type="checkbox" name="select" οnclick="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>