Przełącz pole wyboru

Question

mam 4 pola wyboru i życzę, aby je włączyć (zaznaczone lub odznaczone) i wszystkie one powinny być takie same, co zawsze stwierdzić, że są w Mam to tak daleko.

var toggle_click = false; 

function check_them(element){ 

    if(toggle_click){ 
     $('#'+element+'_1').attr('checked', true); 
     $('#'+element+'_2').attr('checked', true); 
     $('#'+element+'_3').attr('checked', true); 
     $('#'+element+'_4').attr('checked', true); 
    } 

    if(!toggle_click){ 
     $('#'+element+'_1').attr('checked', false); 
     $('#'+element+'_2').attr('checked', false); 
     $('#'+element+'_3').attr('checked', false); 
     $('#'+element+'_4').attr('checked', false); 
    } 

    if(!toggle_click){ toggle_click = true; } 
    if(toggle_click) { toggle_click = false; } 
} 

Na stronie obciążenia niektóre pola wyboru mogą być zaznaczone lub nie zaznaczone - ale po kliknięciu łącza i uruchomieniu tej funkcji, chcę, aby te pola wyboru były ustawione w tym samym stanie.

Kiedy próbuję powyższego, po prostu nie wydaje się zaznaczyć pola i czasami to wszystko zaznacza i uruchomienie tej funkcji ponownie nic nie robi. Co się dzieje? Jestem pozbawiona kawy i zdezorientowany!

Powinny używać grupy checkbox czy coś takiego?

Dzięki wszystkim za pomoc

Answer 1

..... ...

var isChecked = false; 

function check_them(element){ 

    if(isChecked === false) { 
     $('#'+element+'_1').attr('checked', true); 
     $('#'+element+'_2').attr('checked', true); 
     $('#'+element+'_3').attr('checked', true); 
     $('#'+element+'_4').attr('checked', true); 
     isChecked = true; 
    } 
    else 
    { 
     $('#'+element+'_1').attr('checked', false); 
     $('#'+element+'_2').attr('checked', false); 
     $('#'+element+'_3').attr('checked', false); 
     $('#'+element+'_4').attr('checked', false); 
     isChecked = false; 
    } 
} 

Answer 2

zamiast ustawiania atrybutu sprawdzane false, po prostu usunąć go całkowicie! :)

$ ('#' + element + '_ 1'). RemoveAttr ("sprawdzony");

Oto przykład:

var state = $("#element1").attr("checked") === "checked" ? true : false; 
$("#test").click(function(){  
    $("input[id^=element]").each(function(){ 
     if(state === false){ 
      $(this).attr("checked", "checked"); 
     }else{ 
      $(this).removeAttr("checked"); 
     } 
    }); 
    state = !state;   
}); 

Answer 3

sprawdzone jest "śmieszne" atrybut. Jedna rzecz, którą bym zasugerował, to zamiast attr('checked', false), zamiast tego spróbuj removeAttr('checked').

Zasadniczo w DOM, renderowany element będzie sprawdzony jako atrybut lub jeśli jest zgodny z XHTML, checked=checked. Zatem ustawienie go na false nie jest właściwym rozwiązaniem.

Jeśli chodzi o inne kwestie, nie jestem jeszcze wystarczająco doświadczonym jQuery pro.

Answer 4

Upewnij się, że nie nazywają check_them przed DOM zakończeniu ładowania

$(function() { 
    check_them("whatever"); 
}); 

Ponadto, można uprościć tę całą rzecz do następujących:

var check_them = (function() { 
    var is_checked = false; // Now this is not global, huzzah 
    return function(element) { 
     // You can update all of the elements at once 
     $('#'+element+'_1, #'+element+'_2, #'+element+'_3, #'+element+'_4').attr('checked', !is_checked); 
     is_checked = !is_checked; 
    }; 
})(); 

Answer 5

Cóż, dla różnych podejść: Ustawia checkboxy na wszystko, czym nie było:

var toggle_click = false; 
function setCheck(mythis) 
{ 
    $('#'+element+'_1').checked = !mythis.checked; 
    $('#'+element+'_2').checked = !mythis.checked; 
    $('#'+element+'_3').checked = !mythis.checked; 
    $('#'+element+'_4').checked = !mythis.checked; 
    toggle_click = !toggle_click; 
}; 
$(function() { 
    $('#'+element+'_1').click(function() { 
    setCheck(this); 
    }); 
    $('#'+element+'_2').click(function() { 
    setCheck(this); 
    }); 
    $('#'+element+'_3').click(function() { 
    setCheck(this); 
    }); 
    $('#'+element+'_4').click(function() { 
     setCheck(this); 
    }); 
}); 

UWAGA jeśli dać im klasy o nazwie „mycheckbox” jeszcze prostsze:

var toggle_click = false; 
$(function() { 
    $('.mycheckbox').click(function() { 
    $('.mycheckbox').each().checked = !this.checked; 
    toggle_click = !toggle_click; 
    }); 
}); 

Answer 6

$('tr').click(function(){ 
     var chkbox = document.getElementById("chk"+this.id); 
     chkbox.checked = !chkbox.checked; 

    }); 

Answer 7

To może być również wykonane przy użyciu javascript tylko bez kłopotów, można użyć obrazu lub niczego, pozwala też go kliknąć.

<html> 
    <body> 
    <a href=" javascript:check();"> Toggle </a> <br> 
    <input type="checkbox" id="c1" > Un/Check me <br> 
    <input type="checkbox" id="c2" > Un/Check me 
    </body> 
</html> 

<script> 
function check() 
{ 
    c1.checked = !c1.checked; 
    c2.checked = !c2.checked; 
} 
</script> 

Mam nadzieję, że to pomoże.