检查是否至少有一个复选框被选中
问题描述:
我需要验证以确定在将数据发送到表单发送脚本之前是否至少检查了一个复选框。 这是我迄今(验证底部各领域的复选框之一)检查是否至少有一个复选框被选中
$('form#ajax_form .submit').click(function() {
$('#ajax_form .error').hide(); //if error visibile, hide on new click
var name = $('input#name').val();
if (name == "" || name == " " || name == "Name") {
$('input#name').focus().before('<div class="error">Hey, what´s your name...?</div>');
return false;
}
var email_test = /^([a-z0-9_\.-]+)@([\da-z\.-]+)\.([a-z\.]{2,6})$/;
var email = $('input#email').val();
if (email == "" || email == " ") {
$('input#email').focus().before('<div class="error">Psssst. You missed one...</div>');
return false;
} else if (!email_test.test(email)) {
$('input#email').select().before('<div class="error">Please recheck your email</div>');
return false;
}
var message = $('#message').val();
if (message == "" || message == " " || message == "Message") {
$('#message').focus().fadeIn('slow').before('<div class="error">Remember your message!</div>');
return false;
}
if ($("[name=Field]:checked").length > 0) {
$('#services1').focus().after('<div class="error">Choose at least one please.</div>');
return false;
}
var company = $('input#company').val();
$.post(rootUrl + '/wp-admin/admin-ajax.php', {
action: "two2_send_contact_form",
email: email,
name: name,
message: message,
company: company
}, function (data) {
$('form#ajax_form').slideUp('fast').before('<div id="success"></div>');
$('#success').html(data).slideDown(9000);
});
和复选框。
<div style="display:inline;">
<span>
<label class="choice" for="Field1" style="display:inline;margin-left:0px;margin-right:5px;">
<input id="Field1" name="Field[]" type="checkbox" class="field checkbox" value="Web Design" style="width:0px;">Web Design
</label>
</span>
<span>
<label class="choice" for="Field2" style="display:inline;margin-left:0px;margin-right:5px;">
<input id="Field2" name="Field[]" type="checkbox" class="field checkbox" value="Graphic Design" style="width:0px;">Graphic Design
</label>
</span>
<span>
<label class="choice" for="Field3" style="display:inline;margin-left:0px;margin-right:5px;">
<input id="Field3" name="Field[]" class="field checkbox" type="checkbox" value="Illustration" style="width:0px;">Illustration
</label>
</span>
<span>
<label class="choice" for="Field4" style="display:inline;margin-left:0px;margin-right:5px;">
<input id="Field4" name="Field[]" type="checkbox" class="field checkbox" value="Identity Dev/Branding" style="width:0px;">Identity Dev/Branding
</label>
</span>
<br>
<span>
<label class="choice" for="Field1_3" style="display:inline;margin-left:0px;margin-right:5px;">
<input id="Field5" name="Field[]" class="field checkbox" type="checkbox" value="Identity Dev/Branding" style="width:0px;">Web App Development
</label>
</span>
<span>
<label class="choice" for="Field1_4" style="display:inline;margin-left:0px;margin-right:5px;">
<input id="Field6" name="Field[]" class="field checkbox" type="checkbox" value="CGI" style="width:0px;">CGI
</label>
</span>
<span>
<label class="choice" for="Field1_5" style="display:inline;margin-left:0px;margin-right:5px;">
<input id="Field7" name="Field[]" class="field checkbox" type="checkbox" value="VFX" style="width:0px;">VFX
</label>
</span>
<span>
<label class="choice" for="Field1_6" style="display:inline;margin-left:0px;margin-right:5px;">
<input id="Field8" name="Field[]" class="field checkbox" type="checkbox" value="Video Production" style="width:0px;">Video Production
</label>
</span>
<span>
<label class="choice" for="Field1_7" style="display:inline;margin-left:0px;margin-right:5px;">
<input id="Field9" name="Field[]" class="field checkbox" type="checkbox" value="Motion Project" style="width:0px;">Motion Project
</label>
</span>
</div>
答
$('input[type="checkbox"]:is("checked")').length > 0
至少一个复选框是选中
与jQuery> 1.7,你可以拨打
$('input:checked').length
答
变化:
if ($("[name=Field]:checked").length > 0) {
要:
if ($("[name='Field[]']:checked").length > 0) {
您所有的复选框的名称属性中都有方括号name="Field[]"
,但是您试图在没有方括号的情况下选中它们作为name=Field
。
答
这取决于你想如何实现这一点。如果你只是想确保至少有一个复选框,在各组被选中那么这应该足够:
if ($('input[type=checkbox]:checked').length) {
// at least one is checked do something
}
如果要检查是否每个组被选中则至少有一个稍微复杂一些。下面是我创建的回答另一个问题,前一阵子小提琴,这可能有助于:http://jsfiddle.net/elclanrs/GFCKA/
在任何情况下,你有更多的验证要素和投入工作,我建议你看一看this plugin,它可以帮助你与其他的东西。
+0
没有工作。这是我试图让它在btw上工作的网站http://onthemouse.com/contact-us/ – jackson5 2012-08-02 03:02:59
等一下有什么问题。只需一分钟 – 2012-08-02 02:46:53
示例http://jsfiddle.net/DtGBL/ – 2012-08-02 02:49:46
您是否测试过第一个选项? – nnnnnn 2012-08-02 02:55:12