復選框從 jquery 啟用/禁用

Question

我對 onclick 操作有疑問。 單擊“all”復選框后， <select>被阻止，但沒有“cl”被取消選中。

 <form> <input type="checkbox" class="custom-control-input" id="all" name="all" onclick="this.form.elements['oh'].disabled = this.form.elements['cl'].removeAttr('checked') = this.checked"> <select id="oh" name="oh"> <option value="1">option 1</option> <option value="2">option 2</option> <option value="3">oprion 3</option> </select> <input type="checkbox" id="cl" name="cl"> </form>

Answer 1

我相信你可能是這個意思

 $("#all").on("click",function() { const chk = this.checked; $("#oh").prop("disabled",chk) $("#cl").prop('checked',!chk) })

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <form> <input type="checkbox" class="custom-control-input" id="all" name="all" /> <select id="oh" name="oh"> <option value="1">option 1</option> <option value="2">option 2</option> <option value="3">oprion 3</option> </select> <input type="checkbox" id="cl" name="cl"> </form>