सभी चेकबॉक्स पृष्ठांकन आवश्यक सहायता का चयन

यह जावास्क्रिप्ट का उपयोग कर हल किया जा सकता। आप चेक बॉक्स के नाम कैसे परिभाषित करते हैं?

आप सभी चेक बॉक्स उस पल में दिखाए जाते हैं की स्थिति बदलने के पाश के लिए एक कर सकता है।

आप jQuery की तरह एक जावास्क्रिप्ट टूलकिट / ढांचे उपयोग कर रहे हैं यह बहुत आसान है। उदाहरण के लिए आप .page- [NUM] एक पृष्ठ पर सभी चेक बॉक्स के लिए और फिर का उपयोग वर्ग दे सकता है:

$(".page-[NUM]").each(function()
{
this.checked = checked_status;
}); 

या यदि आप एक पृष्ठ पर प्रत्येक बॉक्स के लिए एक ही नाम का उपयोग करें, प्रयास करें:

$("input[@name=thename]").each(function()
{
this.checked = checked_status;
}); 

जहां "thename" उस पृष्ठ पर अपने चेक बॉक्स का नाम होगा।

jQuery जैसे कुछ ढांचे का उपयोग करते हुए अपने जीवन बहुत आसान कर देगा। मान लीजिए निम्नलिखित अपने रिकॉर्ड की संरचना है:

<table id="report">
    <tr><td> <input type="checkbox" id="tr1" /></td><td>..</td><td>...</td></tr>
    <tr><td> <input type="checkbox" id="tr2" /></td><td>..</td><td>...</td></tr>
    <tr><td> <input type="checkbox" id="tr3" /></td><td>..</td><td>...</td></tr>
    <tr><td> <input type="checkbox" id="tr4" /></td><td>..</td><td>...</td></tr>
    <tr><td> <input type="checkbox" id="tr5" /></td><td>..</td><td>...</td></tr>
</table>

<input type="checkbox" id="chkAll"/> Select All.

निम्नलिखित कोड (jQuery का उपयोग) आवश्यक कार्रवाई करने होंगे:

<script type="text/javascript">
    $(document).ready(function(){
        $("#chkAll").change(function(){
            if($("#chkAll").is(":checked")){
                $("#report tr td:first-child").find("input:checkbox")
                        .attr("checked","checked");
            }else{
                $("#report tr td:first-child").find("input:checkbox")
                       .attr("checked","");
            }
        });
    });
</script>

संपादित करें: - अपने कोड के आधार पर, अपने जगह की कोशिश boxes_checkall इस कोड के साथ समारोह;

समारोह boxes_checkall (ए, बी) {var सीबीएस = a.getElementsByTagName ( 'इनपुट');

        for(var i=0;i<cbs.length;i++)
        {
           if(cbs[i].type.toLowerCase()=='checkbox')
           {
               cbs[i].checked = b==1;
           }
        }
   }
</script>