复选框check的选中、不选中设置以及判断是否选中

一、JavaScript判断是否选中checkbox框

<input type="checkbox" id="email"  style="margin-bottom:10px;">邮件
<input type="checkbox" id ="question"  style="margin-bottom:10px;">短信
<script>
    // 获取checkbox元素
    var box=document.getElementById("email");      
    // 判断是否被拒选中，选中返回true，未选中返回false
    alert(box.checked);
</script>

二、JavaScript设置选中checkbox框

<input type="checkbox" id="email"  style="margin-bottom:10px;">邮件
<input type="checkbox" id ="question"  style="margin-bottom:10px;">短信
<script>
    // 获取checkbox元素
    var box=document.getElementById("email");      
    // 设置选中
   box.checked=true;
</script>

三、JavaScript移除选中checkbox框

<input type="checkbox" id="email"  style="margin-bottom:10px;">邮件
<input type="checkbox" id ="question"  style="margin-bottom:10px;">短信
<script>
    // 获取checkbox元素
    var box=document.getElementById("email");      
    // 设置选中
   box.checked=true;
   //设置不选中
   box.checked = false;
</script>

四、使用jQuery判断是否选中checkbox框

<input type="checkbox" id="email"  style="margin-bottom:10px;">邮件
<script>
    // 选中返回true，未选中返回false
    $('#email').is(":checked");

    // 选中返回true，未选中返回false;一定要注意，这里不可以使用attr("checked")来判断
    $("#email").prop("checked")
</script>

五、使用jQuery设置选中checkbox框

<input type="checkbox" id="email" class="test">同意
<script>
     $("#email").prop("checked","trure")
     $("#email").attr("checked","true")
</script>

六、使用jQuery设置移除选中checkbox框

<input type="checkbox" id="email" class="test">同意
<script>
     $("#email").prop("checked","false")
     $("#email").attr("checked","false")
</script>