检查是否定义了复选框的更好方法是什么？

Question

目前我正在使用

var email, fax, sms = false;  
    if($('#uemail:checked').val() != undefined)  
        email = true;  
    if($('#ufax:checked').val() != undefined)  
        fax = true;  
    if($('#usms:checked').val() != undefined)  
        sms = true;  

但它写这么长的路.

有没有更好的方法来写这个？

Answer 1

试试这个:

if($('#uemail').is(':checked'))
    email = true;

甚至更短:

email = $('#uemail').is(':checked');

你将:checked选择器传递给jQuery的.is()方法,该方法返回一个布尔值;

• http://api.jquery.com/is/

Answer 2

你可以.length像这样使用:

var email = $('#uemail:checked').length,
      fax = $('#ufax:checked').length,
      sms = $('#usms:checked').length;

.length是匹配元素数组的长度...如果未检查,则为0.而且,由于在JavaScript中.length == 0提供,.length == false您可以执行上面的简短版本.如果你需要一个真/假,那就.length != 0改为:)

或者,另一种产生布尔值的替代方法,只需使用DOM .checked属性:

var email = $('#uemail')[0].checked,
      fax = $('#ufax')[0].checked,
      sms = $('#usms')[0].checked;

或者,根本没有使用jQuery getElementById():

var email = document.getElementById('uemail').checked,
      fax = document.getElementById('ufax').checked,
      sms = document.getElementById('usms').checked;