验证复选框输入必须仅由jquery选中。
验证复选框输入必须仅由jquery选中。
提问于 2016-10-17 01:23:17
我有带有复选框的表单和jquery提交方法，如下所示：
$("form.adj_baru").submit(function (event) {
event.preventDefault();
if (confirm('Anda yakin akan submit ?')) {
var formData = new FormData($(this)[0]);
var cekbox = $("input[name=size]").val();
if (cekbox === "") {
alert("Pilih salah satu ukuran !");
return;
}
$.ajax({
url: 'adj/adj_crud.php', //type='add_adj'
type: 'POST',
data: formData,
async: false,
cache: false,
contentType: false,
processData: false,
success: function (data) {
console.log(data);
}
});
}
return false;
});<body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form class='adj_baru'>
<label>Checkbox : </label><br>
<input type='checkbox' name='size' value='m'>M<br>
<input type='checkbox' name='size' value='l'>L<br>
<input type='checkbox' name='size' value='xl'>XL<br>
<input type='submit' value='SUBMIT'>
</form>
</body>
当复选框为空时，警报alert("Pilih salah satu ukuran !")无法工作。如果复选框没有选中或，并且选中了不超过一个的，如何发出警报
回答 4
Stack Overflow用户
回答已采纳
发布于 2016-10-17 01:33:29
您可以使用.length来计数复选框。见小片段。然后，您可以决定，如果选中了一定数量的复选框(或者没有选中任何复选框)，该怎么办。
$("form.adj_baru").submit(function (event) {
event.preventDefault();
var checked = $("input[name=size]:checked").length;
if (checked === 1) {
alert("1 checked");
} else if (checked > 1) {
alert("More than 1 checked");
} else {
alert("None checked");
}
return false;
});<body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form class='adj_baru'>
<label>Checkbox : </label><br>
<input type='checkbox' name='size' value='m'>M<br>
<input type='checkbox' name='size' value='l'>L<br>
<input type='checkbox' name='size' value='xl'>XL<br>
<input type='submit' value='SUBMIT'>
</form>
</body>
Stack Overflow用户
发布于 2016-10-17 01:27:57
也许你更新了下面的部分。检查是否有复选框被选中。
var cekbox = $("input[name=size]:checked").length;
if (cekbox == 0) {
alert("Pilih salah satu ukuran !");
return;
}Stack Overflow用户
发布于 2016-10-17 01:32:57
这是另一种检查我选中的复选框的方法：
var cekbox = $("input:checked").length;
if (cekbox == 0) {
alert("Pilih salah satu ukuran !");
return;
} 页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/40082682
复制相关文章
相似问题
腾讯云开发者
