The submit button should be enabled only when any checkbox is clicked using jQuery

Question

I'm facing the following issue; the submit button should be enabled only when any checkbox is clicked. Using jQuery the code I have is:

$(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>

However in the checkbox code I have the following

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

my id attribute is defined as id="%{pricingTierId}" so I cannot really pass that in the jQuery function as shown above. Please suggest the suitable way

try adding a class name and attach event using the `$('.class')` — iJade, Dec 23 '14 at 10:09

score 2 · Accepted Answer · edited May 23 '17 at 11:52

2

Use .prop() instead of .attr(). As of jQuery 1.6, the .prop() method provides a way to explicitly retrieve property values, while .attr() retrieves attributes.

Add a class to checkbox and then you can use that class like (since OP is using struts2 cssClass is used)

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

Code, Also your code can be converted to single line

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

If You have multiple checkboxes and atleast one should be checked

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

Also go through .prop() vs .attr()

edited May 23 '17 at 11:52

Community

1
1

answered Dec 23 '14 at 10:10

Satpal

132,252
13
159
168

HI Im getting attribute class invalid for tag checkbox a according to tld and Im using struts2 – ronan Dec 23 '14 at 11:06
@ronan, As you are using struts2 use `cssClass="yourClass"` – Satpal Dec 23 '14 at 11:10
I dont have cssClass yet defined what needs to be used ? – ronan Dec 23 '14 at 11:29
@ronan, I didn't got you – Satpal Dec 23 '14 at 11:30
Please elaborate what is cssClass since I have not created a csss class in my JSP which should be used in that ? – ronan Dec 23 '14 at 11:55
Thanks Satpal , I got it , its an attribute itself :) – ronan Dec 23 '14 at 12:23

The submit button should be enabled only when any checkbox is clicked using jQuery

1 Answers1