Cannot select checkbox with jquery - Unexpected identifier

Question

I am trying to select this checkbox and test if it is checked

<input class="controls" id="user_regret_avatar" label="Delete My Picture" name="user[regret_avatar]" type="checkbox" value="1">

with this

if $("#user_regret_avatar").attr('checked') {
    alert("yay");
}
else{
alert("aww");
};

but I am getting

Uncaught SyntaxError: Unexpected identifier

is my selector bad?

also note - I've seen http://api.jquery.com/prop/, I've checked all the checked tests.. still same issue

Now with fiddle - Can't get the test going

Community · Accepted Answer · 2020-06-20 09:12:55Z

1

You need to change the if condition as follows :

if ($("#user_regret_avatar").attr('checked')) {
    alert("yay");
} else {
alert("aww");
};

Note the () after if:

Here is a working JSFiddle

edited Jun 20, 2020 at 9:12

CommunityBot

11 silver badge

answered Jan 12, 2013 at 8:22

Amyth

33k28 gold badges97 silver badges137 bronze badges

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

2 Comments

Amyth Over a year ago

you need to bind it to document.ready() check the working fiddle in updated answer

Amyth Over a year ago

yeah you need to bind it to some event for it to be initialized.

Florian Mertens · Accepted Answer · 2013-01-12 08:29:21Z

The following code worked for me:

<html>
<head>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>
    <script type="text/javascript">
function displayItems()
{
    //$('#table_numbers input:checkbox:checked')
    if ($("#user_regret_avatar").attr('checked')) {
        alert("yay");
    }
    else {
        alert("aww");
    }
}
    </script>
    <title>SEARCH</title>
</head>
<body>
    <form method="post" action="1004mcout.php">
        <input class="controls" id="user_regret_avatar" label="Delete My Picture" name="user[regret_avatar]" type="checkbox" value="1">
        <input type="button" onclick="displayItems();" />
    </form>

</body> 
</html>

I think you forgot to surround the if statement with brackets:

if ($("#user_regret_avatar").attr('checked')) {...

Collectives™ on Stack Overflow

Cannot select checkbox with jquery - Unexpected identifier

2 Answers 2

Here is a working JSFiddle

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related