js操作でcheckboxを操作します.

5565 ワード

私たちはプロジェクトの中でよくこの問題に遭遇します.jsを使ってcheckboxが選択されているかどうかを判断し、jsを使ってcheckboxを操作します.実はこれらの需要はとても簡単です.ここでは生jsとjQueryを使ってこれらの需要を完成させます.
一.元のJavaScriptを使って、checkboxボックスが選択されているかどうかを判断する.
<input type="checkbox" id="test" class="test">  
<script>
    //   checkbox  
    var box=document.getElementById("test");      
    //         ,    true,     false
    alert(box.checked);
script>
二.元のJavaScriptを使って、checkboxボックスが選択されているかどうかを判断する.
<input type="checkbox" id="test" class="test">  
<script>
    //   checkbox  
    var box=document.getElementById("test");      
    //         ,    true,     false
    alert(box.checked);
script>
三.元のJavascriptを使って選択したcheckboxのフレームを削除する
<input type="checkbox" id="test" class="test">  
<script>
    //   checkbox  
    var box=document.getElementById("test");      
    //         ,    true,     false
    box.checked=false;
script>
四.jQueryを使ってチェックボックスが選択されているかどうかを判断する
<input type="checkbox" id="test" class="test">  
<script>
    //     true,     false
    $('#test').is(":checked");

    //     true,     false;     ,       attr("checked")   
    $("#test").prop("checked")
script>
五.jQueryを使ってチェックボックスを設定する
<input type="checkbox" id="test" class="test">  
<script>
     $("#test").prop("checked","trure")
     $("#test").attr("checked","true")
script>
六.jQueryを使って選択したcheckboxを削除するボックスを設定する
<input type="checkbox" id="test" class="test">  
<script>
     $("#test").prop("checked","false")
     $("#test").attr("checked","false")
script>