checkbox複選框使用及選定事件

html代碼

<tr >
                                  <td style="background:#eee">權限</td>
                                    <td colspan="8" >
                                    	<label style="width:20%;border:0"><input type="checkbox" name="ckb" id="is_browser"/>瀏覽</label>
                                    	<label style="width:20%;border:0"><input type="checkbox" name="ckb" id="is_oper"/>操作</label>
                                    	<label style="width:20%;border:0"><input type="checkbox" name="ckb" id="is_data_update"/>修改</label>
                                    	<label style="width:20%;border:0"><input type="checkbox" name="ckb" id="is_debug"/>調試</label>
                                    	</td>
                                    </tr>
                                    <tr >

web效果



$("input[id='is_browser']").is(':checked')//複選框選定判斷
$("[name='ckb']:checkbox:checked").length//獲取選中的複選框個數
document.getElementById("is_browser").checked = false;//此方法設置複選框爲未選中狀態


發佈了51 篇原創文章 · 獲贊 10 · 訪問量 8萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章