Question

我正在开发一个模式，其中包含一个启用支付网关的复选框。单击复选框时，详细信息div将滑出，并设置为如果设置了值，则默认情况下会展开详细信息div，但是当展开详细信息div时，默认情况下无法选中复选框。在这种情况下，jquery中的.attr（'clicked'）方法似乎有点挑剔。

这是我的jquery：

$("#setting-public-print").live("click", function (e) {

if ($("#setting-public-print").attr('checked'))
{
    $('.public-print-settings-div').fadeIn('fast');
    $('.pay-to-print').fadeIn('fast');
}
else
{
    $('.public-print-settings-div').fadeOut('fast');
    $('.pay-to-print').fadeOut('fast');

}

var paymentGateway = isNumberKey();

if ($(paymentGateway).length > 0) {
    $("#setting-public-print").attr('checked', 'checked');
}
else {
    $("#setting-public-print").removeAttr('checked');
}

});
});

function isNumberKey(evt)
{
 var charCode = (evt.which) ? evt.which : event.keyCode;
 if (charCode != 46 && charCode > 31 
   && (charCode < 48 || charCode > 57))
    return false;

 return true;
}

和相应的html：

<p><input class="chkbox" type="checkbox" name="checkbox[]" id='setting-public-print'> Enable Payment Gateway</p>
    <div class='public-print-settings-div' style=''>
    <div class ='pay-to-print'>
            <%if !@currency_codes.nil?%>
                <%if @currency_codes.count > 0%>
                <div class="control-group utopia-chosen-label" style="width:220px !important;">
                    <h4 style='color:black;'>Select Currency:</h4>
                  <select data-placeholder="Choose a Currency..." class="chzn-select" tabindex="4" id='selected-currency'>
                          <option value=""></option> 
                                <%@currency_codes.each do |b|%>
                                <option value="<%=b%>"><%=b%></option>
                                <%end%>
                        </select>
                </div>
                <%end%>
            <%end%>
             <p><span id='email-customize-label'>Price per page:</span>
             <input id="selected-price" onkeypress="return isNumberKey(event)" type="text" name="selected-price" style='width:50px;'>
        </p>

任何人都可以解释这个复选框问题吗？

Answer 1

所以，如果我理解你，那就是复选框：

<input class="chkbox" type="checkbox" name="checkbox[]" id='setting-public-print'> Enable Payment Gateway

您希望默认选中它吗？

为什么不这样做？

<input checked class="chkbox" type="checkbox" name="checkbox[]" id='setting-public-print'> Enable Payment Gateway
       ^^^^^^^

Answer 2

您想使用.prop()

if ($("#setting-public-print").prop('checked'))

输入attr'已'检查'默认

2 个答案: