Jquery value of checkbox always return on

Question

I am trying to get the value of a checkbox and I tried the following:

var closedIssue = $('#closed-' + rowCounter).val();

but it always return 'on'

Here is the checkbox

<input type="checkbox" name="closed-' + rowCounter + '" id="closed-' + rowCounter + '" />

What am I doing wrong?

Answer 1

var returnCheck = $('#closed-' + rowCounter).is(':checked');

will return you current status of checkbox.

Answer 2

Get the checked property using the .prop() method instead. It will return a boolean.

var closedIssue = $('#closed-' + rowCounter).prop('checked');

Or plain JavaScript:

var closedIssue = document.getElementById('closed-' + rowCounter).checked;