[英]How to check if check box is checked in this example (javascript/jQuery.)
我需要檢查是否選中了一個復選框才能顯示錯誤消息。 到目前為止,我認為這應該可行(如果未選中,我認為應該為空)。
碼
<span id="sc_info" style="float: right; padding-right: 5px;">
<input type="checkbox" name="terms" id="sc_terms" value="" checked="checked" />
<br /><label class="error" for="body" id="terms_error">This field is required.</label>
</form>
<script>
$(document).ready(function() {
//Story Form
$('.error').hide();
$(".button").click(function() {
$('.error').hide();
var terms = $("input#sc_terms").val();
if (terms == "") { //if is not checked
$("label#terms_error").show(); //show error message
$("input#sc_terms").focus(); //focus on an empty element
return false;
}
});
});
</script>
但是此代碼不起作用。 有人可以建議如何檢查復選框是否被選中嗎?
使用jQuery的:checked
選擇器:
if ($('#sc_terms').is(':checked')) {
// Checkbox is checked, do stuff
}
else {
// Checkbox is not checked, do stuff
$("label#terms_error").show(); //show error message
$("input#sc_terms").focus();
}
如果您只是想查看是否未選中:
if ($('#sc_terms:not(:checked)')) {
// Checkbox is checked, do stuff
$("label#terms_error").show(); //show error message
$("input#sc_terms").focus();
}
注意:由於您使用的是ID選擇器,因此不需要在選擇器前添加input
或label
。
就像是:
if( $("input#sc_terms").is(":checked") )
// is checked
而不檢查:
if( $("input#sc_terms").is(":not(:checked)") )
// not checked
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.