單擊 Javascript 中的復選框時如何更改選中/取消選中列表框
[英]How to change check/uncheck listbox when click checkbox in Javascript
問題描述
我正在使用 css 的 div 和 id 來選中和取消選中復選框，但我的來源不能像預期的那樣
第 1 步：默認復選框未選中且列表框已禁用
第 2 步：當我選中復選框時，列表框已啟用
第 3 步：返回第 1 步，如果我取消選中復選框，列表框將被禁用
我的來源：
$('#parnerCheck2').click(function() { $('#partnerName').prop("checked", false).prop("disabled", true); });
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <tr> <th scope="row">Partner</th> <td colspan="1" style="margin-top: 4px;"> <input id="parnerCheck2" name="parnerCheck" type="checkbox" value="0" /><span>PARTNER</span> </td> <td> <select id="partnerName" name="partnerName"> <option value="" selected>Choose One</option> <option>01 - Elite</option> </select> </td> </tr>
如何解決我描述的問題？ 非常感謝
2 個解決方案
解決方案1
2 已采納 2022-03-25 12:13:03
你幾乎在那里。 您可以使用復選框的選中值在列表框上設置禁用屬性，前綴為 not 運算符! 反轉值，得到你想要的結果。
$('#parnerCheck2').click(function() { $('#partnerName').prop("disabled", .$(this);prop("checked")); });
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <tr> <th scope="row">Partner</th> <td colspan="1" style="margin-top: 4px;"> <input id="parnerCheck2" name="parnerCheck" type="checkbox" value="0" /><span>PARTNER</span> </td> <td> <select id="partnerName" name="partnerName" disabled> <option value="" selected>Choose One</option> <option>01 - Elite</option> </select> </td> </tr>
解決方案2
1 2022-03-25 12:27:18
這也行得通。
<body>
<script>
$(document).ready(function() {
//set initial state.
$('#partnerName').prop('disabled', true);
$('#partnerCheck').click(function() {
if ($('#partnerCheck').is(':checked')) {
$('#partnerName').prop('disabled', false);
}
});
});
</script>
<tr>
<th scope="row">Partner</th>
<td colspan="1" style="margin-top: 4px;">
<input id="partnerCheck" name="partnerCheck" type="checkbox" value="0" /><span>PARTNER</span>
</td>
<td>
<select id="partnerName" name="partnerName">
<option value="" selected >Choose One</option>
<option>01 - Elite</option>
</select>
</td>
</tr>
</body>
如何使用jquery更改prettyCheckable復選框（選中並取消選中）
[英]How to change prettyCheckable checkbox with jquery (check and uncheck)
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.