jsを使用してチェックボックスが選択されているかどうかを判断し、jsを使用してチェックボックスを操作します

プロジェクトでは、jsを使用してチェックボックスが選択されているかどうかを判断し、jsを使用してチェックボックスを操作するという問題によく遭遇します。
実際、これらの要件は非常に簡単です。ネイティブ js と jQuery を使用してこれらの要件を完了する方法を次に示します。

1. ネイティブ JavaScript を使用してチェックボックスが選択されているかどうかを判断します

<input type="checkbox" id="test" class="test">同意<script>
    // 获取checkbox元素
    var box=document.getElementById("test");      
    // 判断是否被拒选中，选中返回true，未选中返回false
    alert(box.checked);</script>

2. ネイティブ JavaScript を使用してチェックボックスが選択されているかどうかを判断します

<input type="checkbox" id="test" class="test">同意<script>
    // 获取checkbox元素
    var box=document.getElementById("test");      
    // 判断是否被拒选中，选中返回true，未选中返回false
    alert(box.checked);</script>

4. jQuery を使用します。チェックボックスが選択されているかどうかを判断する

<input type="checkbox" id="test" class="test">同意<script>
    // 获取checkbox元素
    var box=document.getElementById("test");      
    // 判断是否被拒选中，选中返回true，未选中返回false
    box.checked=false;</script>

5. jQuery の設定を使用してチェックボックス ボックスを選択する

<input type="checkbox" id="test" class="test">同意<script>
    // 选中返回true，未选中返回false
    $(&#39;#test&#39;).is(":checked");    // 选中返回true，未选中返回false;一定要注意，这里不可以使用attr("checked")来判断
    $("#test").prop("checked")</script>

関連記事:

js チェックボックスがオンかどうかを判断する 操作方法_基礎知識

関連動画:

以上がjsを使用してチェックボックスが選択されているかどうかを判断し、jsを使用してチェックボックスを操作しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。