input type=‘checkbox’ 第一個單選其他的多選
阿新 • • 發佈:2018-12-20
HTML程式碼 <table> <tr> <td><input type="checkbox" name="b">無</td><td>內容</td> </tr> <tr> <td><input type="checkbox" name="a"></td><td>複選1</td> </tr> <tr> <td><input type="checkbox" name="a"></td><td>複選2</td> </tr> <tr> <td><input type="checkbox" name="a"></td><td>複選3</td> </tr> <tr> <td><input type="checkbox" name="a"></td><td>複選4</td> </tr> <tr> <td><input type="checkbox" name="a"></td><td>複選5</td> </tr> <tr> <td><input type="checkbox" name="a"></td><td>複選6</td> </tr> </table> 實現點選input為無的按鈕 取消其他的選中,選擇其他的input取消按鈕無的選中 JQ程式碼 $("input[name='b']").click(function(){ //判斷當前點選的複選框處於什麼狀態$(this).is(":checked") 返回的是布林型別 if($(this).is(":checked")){ $("input[name='a']").prop("checked",false); $("input[name='b']").prop("disabled",true); } }); $("input[name='a']").click(function(){ if($(this).is(":checked")){ $("input[name='b']").prop("checked",false); $("input[name='b']").prop("disabled",false); } });
實現效果圖片