टॉगल चेकबॉक्स

Question

मैं 4 चेक बॉक्स है और मैं (जाँच या अनियंत्रित) उन्हें चालू करने के लिए चाहते हैं और वे सभी एक ही कभी बताएं कि वे में हैं मैं अब तक इस राशि होना चाहिए:।

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; } 
} 

पृष्ठ लोड पर कुछ चेकबॉक्स को चुना जा सकता है या नहीं देखा जा सकता है - लेकिन एक बार जब मैं एक लिंक पर क्लिक करता हूं और इस फ़ंक्शन को चलाता हूं, तो मैं चाहता हूं कि ये चेकबॉक्स सभी एक ही स्थिति में जाएं।

जब मैं उपर्युक्त कोशिश करता हूं, तो यह बॉक्स को टिक नहीं लग रहा है और कभी-कभी यह उन्हें सभी को टिक्स करता है और इस फ़ंक्शन को फिर से चलाता है। क्या हो रहा है? मैं कॉफी वंचित और उलझन में हूँ!

चेकबॉक्स समूह या कुछ का उपयोग करना चाहिए?

सब किसी भी मदद

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

के बजाय विशेषता सेटिंग के लिए धन्यवाद गलत पर जाँच की, बस इसे पूरी तरह निकाल दें! :)

$ ('#' + तत्व + '_ 1')। RemoveAttr ('चेक');

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

चेक किए गए एक "हास्यास्पद" विशेषता है:

यहाँ एक उदाहरण है। एक बात जो मैं सुझाऊंगा वह attr('checked', false) की बजाय है, इसके बजाय removeAttr('checked') आज़माएं।

असल में, डीओएम में, प्रस्तुत तत्व एक विशेषता के रूप में चेक किया जाएगा, या यदि यह एक्सएचटीएमएल अनुपालन, checked=checked है। तो, इसे गलत पर सेट करना सही काम नहीं है।

जहां तक ​​अन्य मुद्दे हैं, मैं अभी तक एक jQuery समर्थक के बारे में जानने के लिए पर्याप्त नहीं हूं।

Answer 4

सुनिश्चित करें कि आप check_them कॉल नहीं करते से पहले डोम

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

इसके अलावा लोड होना पूरा हो बनाओ, तो आपको निम्न को यह पूरी बात को आसान बनाने में कर सकते हैं:

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

अच्छी तरह से, विभिन्न दृष्टिकोण के लिए: चेकबॉक्स को जो कुछ भी नहीं था, उसे सेट करता है:

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); 
    }); 
}); 

नोट आप उन्हें एक वर्ग "mycheckbox" कहा जाता देते हैं और भी आसान:

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

यह भी मुसीबतों के बिना केवल जावास्क्रिप्ट का उपयोग किया जा सकता है, तो आप एक छवि या कुछ भी उपयोग कर सकते हैं कि आपको इसे भी क्लिक करने देता है।

<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> 

मुझे उम्मीद है कि इससे मदद मिलती है।