如何在前端进行复选框验证？

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);
});