Jquery check/uncheck checkbox

Question

I have an event listener that listens to a series of checkboxes, I am able to add a property when the box is checked, but when the box is unchecked I am not able to remove the property. what can be done to make it work properly?

so when i use this: $(this).val(':checked'); then I get this

How do I remove the value=":checked" ?

<script>
    $('.programs').click(function () {
        if ($(this).val(':checked') == "checked") {
            $(this).prop('checked', false);
        } else {
            $(this).val(':checked');
        }
    });
</script>

Do you have a Fiddle? Looks like this shouldn't even work at all. — putvande, Apr 09 '14 at 12:50
possible duplicate of [How do I check a checkbox with jQuery?](http://stackoverflow.com/questions/426258/how-do-i-check-a-checkbox-with-jquery) — Ganesh Babu, Apr 09 '14 at 12:51
The click on a checkbox element, check/uncheck itself, what are trying to achieve? — Irvin Dominin, Apr 09 '14 at 12:51
`$(this).val(':checked')` should be `$(this).is(':checked')` — JF it, Apr 09 '14 at 12:51
Irvin, I am trying to remove the :checked value from the page when the checkbox is unchecked. — jpavlov, Apr 09 '14 at 12:58

Gaurang Tandon · Accepted Answer · 2014-04-09T13:02:02.873

3

Use:

$('.programs').click(function () {
    if ($(this).is(':checked')) {
        $(this).prop("value", "Some thing");
        // or $(this).next("label").value("Some thing");
    } else {
        $(this).prop("value", "Some other thing")
        // or $(this).next("label").value("Some other thing");
    }
});

Using is jQuery method. I assume you are trying to check whether an element is checked or not, and not change its state instead.

edited Apr 09 '14 at 13:02

answered Apr 09 '14 at 12:51

Gaurang Tandon

6,504
11
47
84

this just logs it to the console, I am setting the value and need to remove the value when it is unchecked – jpavlov Apr 09 '14 at 12:57
@jpavlov I edited my answer. First line, changes the property `value`, while the other changes the text visible on screen. – Gaurang Tandon Apr 09 '14 at 13:02

score 1 · Answer 2 · answered Apr 09 '14 at 12:51

1

Try this:

 $('.programs').click(function () {
        if ($(this).is(':checked')) {
            console.log("checked");
        } else {
            console.log("Uncheked");
        }
    });

answered Apr 09 '14 at 12:51

Kiran

20,167
11
67
99

Jquery check/uncheck checkbox

2 Answers2