checkbox can not checked or uncheck by directly click on checkbox?

Question

checkbox can not checked or uncheck by directly click on checkbox ?

i was create click on div for toggle checked/unchecked checkbox. this function was best.

But when i tried to click on checkbox directly, i can not check or uncheck checkbox.

How can i do that ?

<script>
function onclick_cover_checkbox_fn(){
    var main_checkbox_checked_uncheck_var = document.getElementById("main_checkbox_checked_uncheck");
    var main_checkbox_checked_uncheck_var_checked_status = main_checkbox_checked_uncheck_var.checked;

    if(main_checkbox_checked_uncheck_var_checked_status != true)
    {
        document.getElementById("main_checkbox_checked_uncheck").checked = true;
        checked_all_or_uncheck_all_fn();
    }
    else
    {
        document.getElementById("main_checkbox_checked_uncheck").checked = false;
        checked_all_or_uncheck_all_fn();
    }
}
</script>

<script>
function checked_all_or_uncheck_all_fn(){
    alert("5555");
}
</script>

even when you check it directly function onclick_cover_checkbox_fn() get executed and uncheck it. read this question and add it to checked_all_or_uncheck_all_fn function . stackoverflow.com/questions/1997084/… — Madhawa Priyashantha
– Madhawa Priyashantha, Commented Mar 13, 2016 at 2:19

Madhawa Priyashantha · Accepted Answer · 2016-03-13 02:43:16Z

0

here is the updated working example https://jsfiddle.net/jddwxtst/2/

problem is when you directly click on the checkbox it first run checked_all_or_uncheck_all_fn() method but then it execute onclick_cover_checkbox_fn() method too (you don't need) because div also receive click event.so if you check then method onclick_cover_checkbox_fn() method will uncheck it .to avoid this you shroud stop event propagating in checked_all_or_uncheck_all_fn() method.

function checked_all_or_uncheck_all_fn(e){
    alert("5555");
   // stop event propagating 

}

for cross browser stop propagating read this http://javascript.info/tutorial/bubbling-and-capturing

answered Mar 13, 2016 at 2:43

Madhawa Priyashantha

9,8907 gold badges38 silver badges66 bronze badges

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

Comments

user6052321 · Accepted Answer · 2016-03-13 02:14:45Z

0

Here is a example in jquery:

Bind a change handler, then just uncheck all of the checkboxes, apart from the one checked:

$('input.example').on('change', function() {
    $('input.example').not(this).prop('checked', false);  
});

Here's a fiddle

answered Mar 13, 2016 at 2:14

user6052321

Collectives™ on Stack Overflow

checkbox can not checked or uncheck by directly click on checkbox?

2 Answers 2

Comments

Here's a fiddle

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related