javascript - 仅当使用 jQuery 单击任何复选框时才应启用提交按钮

Question

我面临以下问题；仅当单击任何复选框时才应启用提交按钮。使用 jQuery，我的代码是:

$(document).ready(function() {
    var the_terms = $("#pricingTierId");
    the_terms.click(function() {
        if ($(this).is(":checked")) {
            $("#submitBtn").removeAttr("disabled");
        } else {
            $("#submitBtn").attr("disabled", "disabled");
        }
    });
});

<c:if test="${fn:length(incentiveList) gt 0}">
    <input type='button' name="submit" id = "submitBtn" value='Submit Incentives' onClick='execute();' />
</c:if>

但是在复选框代码中我有以下内容

<td>
    <s:checkbox name="checkboxes[%{#stat.index}]" theme="simple" id="%{pricingTierId}"/>    
</td>

我的 id 属性定义为 id="%{pricingTierId}" 所以我无法真正在 jQuery 函数中传递它，如上所示。请建议合适的方式

Answer 1

使用.prop()而不是.attr() 。从 jQuery 1.6 开始，.prop() 方法提供了一种显式检索属性值的方法，而 .attr() 则检索属性。

向复选框添加一个类，然后您可以使用该类(因为 OP 使用 struts2 cssClass)

<s:checkbox cssClass="yourClass" name="checkboxes[%{#stat.index}]" theme="simple" id="%{pricingTierId}"/>    

代码，您的代码也可以转换为单行

$('.yourClass').change(function() {
    $("#submitBtn").prop("disabled", this.checked == false);
});

如果您有多个复选框且至少应选中一个

$('.yourClass').change(function() {
    $("#submitBtn").prop("disabled", $('.yourClass').is(":checked") == false);
});

另请浏览.prop() vs .attr()