使用 jQuery 或 JavaScript 檢查復選框值

Question

我遇到了麻煩，因為我想在網站加載時檢查復選框值並且訪問者可以取消選中它。 id 字段在輸入中是動態的，所以我需要根據我想的名稱和值進行檢查。

我使用 jQuery 進行檢查，但沒有任何反應

 jQuery(document).ready(function($) { $("input.myclass[name='test-case'][value='yes']").prop("checked", true); });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <input type="checkbox" name="test-case[]" id="cbopt-AAljenwo" value="yes">

不確定這是否是將輸入標記為已選中的正確值。 如果他不喜歡該選項，用戶也可以取消選中該選項。 任何幫助表示贊賞。

Answer 1

您可以簡單地為 input 元素添加 checked 屬性，以便在頁面加載時對其進行檢查：

<input type="checkbox" checked="checked"/>

謝謝

Answer 2

實現這一點的最佳方法是在 HTML 中放置一個checked的屬性。 但是，state 正在為您生成 HTML，因此您沒有該選項。

第二個最好的選擇是通過它的id來定位復選框，但是這對你有同樣的問題，因為id是在運行時動態生成的。

你最后的手段是 select 元素的name和value ，這是你的 jQuery 試圖做的，但是有幾個問題。 首先，您要定位的復選框沒有 class 並且 name 屬性有一個您需要包含的[]后綴。 嘗試這個：

 jQuery($ => { $('input[name="test-case[]"][value="yes"]').prop('checked', true); });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <input type="checkbox" name="test-case[]" value="yes">

Answer 3

簡單地說：

 const theChexbox = document.querySelector("input[name='test-case[]']") theChexbox.checked = true

 <input type="checkbox" name="test-case[]" id="cbopt-AAljenwo" value="yes">