boolean variable in jquery

Question

I have some issues. I have checkbox in my jsp page. So if the checkbox is checked i have to set a boolean variable to true else false. I tried something like this

<script>
$(document).ready(function() {
    $(".confirmCheckbox").change(function() {
        boolean confirmAssignee = false;
        $(this).attr("checked") {
            confirmAssignee = true;
        }
        alert(confirmAssignee);
    });
});

But it is giving this error

SyntaxError: missing ; before statement
$(this).attr("checked") {

I have mutliple checkboxes on the page. Sample code is like this :

for loop(----)
<input type="checkbox" id="confirmBox-${loopCounter.index}" class = "confirmCheckbox">

Any help will be appreciated. Ask anything if required.

js var definition: developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/… — Irvin Dominin
– Irvin Dominin, Commented May 15, 2015 at 7:09

Satpal · Accepted Answer · 2015-05-15 07:05:17Z

3

You need to use var while defining variable and use this.checked or .prop() to get whether checkbox is checked or not.

Simple statement will do it.

var confirmAssignee = this.checked; //OR $(this).prop("checked");

Complete Script

$(document).ready(function() {
    $(".confirmCheckbox").change(function() {
        var confirmAssignee = false;

        if (this.checked) {
            confirmAssignee = true;
        }
        alert(confirmAssignee);
    });
});

answered May 15, 2015 at 7:05

Satpal

134k13 gold badges168 silver badges171 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Adil · Accepted Answer · 2015-05-15 07:11:03Z

2

There is not boolean type use var

Change

boolean confirmAssignee = false;

To

var confirmAssignee = false;

You also miss the if in the state $(this).attr("checked") { it should be if($(this).attr("checked")) {

Note use prop for checkbox instead of attr as suggest be jQuery doc.

For example, selectedIndex, tagName, nodeName, nodeType, ownerDocument, defaultChecked, and defaultSelected should be retrieved and set with the .prop() method. Prior to jQuery 1.6, these properties were retrievable with the .attr() method, but this was not within the scope of attr. These do not have corresponding attributes and are only properties.

You can simplify code like

Live Demo

$(".confirmCheckbox").change(function () {   
    alert(this.checked);
});

edited May 15, 2015 at 7:11

answered May 15, 2015 at 7:05

Adil

148k25 gold badges217 silver badges207 bronze badges

Comments

Sudharsan S · Accepted Answer · 2015-05-15 07:06:01Z

0

Javascript have auto data types you didn't need to declare data types it is automatically taken in javascript. To check the checkbox using this.checked

 $(".confirmCheckbox").change(function () {
        var confirmAssignee = false;

        if (this.checked) {

            confirmAssignee = true;
        }
        alert(confirmAssignee);
    });

answered May 15, 2015 at 7:06

Sudharsan S

15.4k4 gold badges34 silver badges51 bronze badges

Comments

Vivek Gupta · Accepted Answer · 2015-05-15 07:10:04Z

0

Two problem in your code one there is no boolean datatype in javascript use var instead of boolean

secondly you need to check if checkbox is checked or not in if condition

use below code:

    $(document).ready(function() {

$( ".confirmCheckbox" ).change(function() {

var confirmAssignee = false;
if($(this).attr("checked")) {

}
alert(confirmAssignee);
});
 });

answered May 15, 2015 at 7:10

Vivek Gupta

1,0455 silver badges7 bronze badges

Comments

Nagaraj S · Accepted Answer · 2015-05-15 07:12:44Z

0

1)use var instead of of boolean

var confirmAssignee = false;

2)use checkbox checked property

if($(this).is(':checked'))

answered May 15, 2015 at 7:12

Nagaraj S

13.5k6 gold badges36 silver badges53 bronze badges

Collectives™ on Stack Overflow

boolean variable in jquery

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related