检查/取消选中复选框列表jQuery

Question

Please check the below given fiddler.

http://jsfiddle.net/ymtwK/3/

i want to disable all others when one is checked... that is working as expected on the created fiddler. but when i uncheck the already selected one i want want all of them to be enabled...

something is wrong with what my code. please help me to fix it.

i am also wondering if there anything like on unclick event is available...

below is my code..

$(".session_outcome_chk_list").click(function () {
    $('.session_outcome_chk_list').each(function () {
        if ($(this).is(":checked")) {
            $(this).removeAttr("disabled");
        } else {
            $(this).attr("disabled", true);
        }
    });
});

EDIT:

I also require to do the same on page loads, for example on submitting with selection of one checkbox, on formload also it should check weather if one is selected or not and then do the disable.

maging a update scenario of a form where u already have one item selected on page load.

http://jsfiddle.net/ymtwK/17/

Answer 1

You can do this with a single line of code:

$('.session_outcome_chk_list').not(this).prop('disabled', this.checked);

Also, you should bind the change() event, rather than click() , so that the code will be executed if the state of the checkbox is changed via a method other than clicking (a keypress, for example).

Here's a fiddle

---

Edit: If you want the code to run when the page is first loaded, just trigger the event after binding it (you'd also have to modify the function in order for it to work properly):

$('.session_outcome_chk_list').change(function () {
    $('.session_outcome_chk_list').not(':checked').prop('disabled', !!$('.session_outcome_chk_list:checked').length);
}).change(); // <-- triggers the change event

Here's another fiddle

Answer 2

try this

DEMO

$(".session_outcome_chk_list").click(function () {
    var current=$(this);
    if (current.is(":checked")) {
         $('.session_outcome_chk_list').attr("disabled", true);
         current.removeAttr("disabled");
    }
    else {
         $('.session_outcome_chk_list').attr("disabled", false);
    }
});