Question

if ( !document.getElementById('chkBoxView').checked
    &&!document.getElementById('chkBoxEdit').checked
    &&!document.getElementById('chkBoxAdd').checked
    &&!!document.getElementById('chkBoxDelete').checked )
{
    alert('Please select atleast one checkBox');
    return false;
}
else {
 // Atleast One Check Box Selected By User.
 return true
}

以上是JavaScript，什么可以是对应＆amp; JQuery中的优化代码？

Answer 1

if (!$(":checkbox[id^=chkBox]:checked").length) {
    alert('Please select atleast one checkBox');
    return false;
}
alert('you filled at least one!');
return true;

由于您的所有复选框ID均以“checkBox”开头，因此您可以使用attribute Starts With selector解决这些问题。检查复选框的长度意味着至少有一个已被检查。

演示：http://jsfiddle.net/karim79/KSjSH/2/

Answer 2

if (
    !jQuery('#chkBoxView').is(':checked')
    &&!jQuery('#chkBoxEdit').is(':checked')
    &&!jQuery('#chkBoxAdd').is(':checked')
    &&!jQuery('#chkBoxDelete').is(':checked')
    ) {
    alert('Please select atleast one checkBox');
    return false;
}
else {
 // Atleast One Check Box Selected By User.
 return true
}

如果您希望$超过jQuery，那么您也可以使用{{1}}。

Answer 3

你可以试试这个：

$("input:checked[id=yourid]").val()

这是好方法

jQuery('#chkBoxView').is(':checked')

Answer 4

如果选中了每个复选框，您可以使用多重选择器，然后检查结果的长度是否为零：

if (!$('#chkBoxView:checked,#chkBoxEdit:checked,#chkBoxAdd:checked,#chkBoxDelete:checked').length) {
  alert('Please select at least one checkBox');
  return false;
} else {
  // At least One Check Box Selected By User.
  return true;
}

我怎么能在JQuery中写这个

4 个答案: