如何在前端進行復選框驗證？

Question

<script type="text/javascript"> 
$(document) 
    .ready(function() { 
     $('#btnStatus') 
      .click(function() { 
       var isChecked = $('#chkSelect') 
        .attr('checked'); 
       alert(isChecked); 
      }); 
    }); 
</script> 
<button type="submit" id="btnStatus" class="btn btn-secondary" name="signup">Sign Up</button> 

但我想如果不提交只是驗證如何？

Answer 1

return false; 

完整代碼：

<script type="text/javascript"> 
$(document).ready(function() { 
$('#btnStatus').click(function(){ 
    var isChecked = $('#chkSelect').attr('checked'); 
    alert(isChecked); 
    return false; 
}); 
}); 
</script> 
<button type="submit" id="btnStatus" class="btn btn-secondary" name="signup">Sign Up</button> 

Answer 2

$("#checkboxId").is(":checked");這將返回與true或false。如果選中，則返回true，否則返回false。

從here瞭解更多信息。

根據你的腳本，它應該像

$("#btnStatus").click(function() { 
var isChecked = $("#chkSelect").is(":checked"); 
alert(isChecked); 
});