When I am Unchecking Any Of The Checkboxes, Checkall-Checkbox Should Also Get Uncheck ... which is not happening Please Help !!

Question

1.00/5 (1 vote)

See more:

XML

<script type = "text/javascript">
    function CheckAll(obj) {
        var list = document.getElementById("<%=dlStudentList.ClientID%>");
        var chklist = list.getElementsByTagName("input");
        for (var i = 0; i < chklist.length; i++) {
            if (chklist[i].type == "checkbox" && chklist[i] != obj) {
                chklist[i].checked = obj.checked;
            }
        }
    }
</script>

<asp:DataList ID="dlStudentList" RepeatColumns="4" runat="server">
    <HeaderTemplate>
         <asp:CheckBox id="ChkAll" runat="server" Text="  Select All" 
            onclick = "CheckAll(this);"/>                           
        <br />
                                     
    </HeaderTemplate>    
        <ItemTemplate>
            <label>
                <table cellpadding="0" cellspacing="0" class="cntls checkliststud" style="font-family: Verdana;
                    font-size: 10px; background-color: #f0f0f0; width: 200px; cursor: pointer">
                    <tr>                       
                        <td>                        
                            <input type="checkbox" id="chkRegno" name="chkRegno"  runat="server"  value='<%# Eval("usercode") %>'
                                onfocus="javascript:setFocus(this)" onblur="javascript:onLostFocus(this)"  önkeypress="javascript:test(event,this)" />         
                        </td>
                    </tr>
                </table>
                 
            </label>
        </ItemTemplate>
    </asp:DataList>

Posted 17-Feb-14 21:44pm

Mohammed_Faisal_Majeed

Updated 17-Feb-14 23:54pm

v5

Add a Solution

3 solutions

Solution 3

XML

<pre lang="xml">&lt;script type = &quot;text/javascript&quot;&gt;
    function CheckAll(obj) {
        var list = document.getElementById(&quot;&lt;%=dlStudentList.ClientID%&gt;&quot;);
        var chklist = list.getElementsByTagName(&quot;input&quot;);
        for (var i = 0; i &lt; chklist.length; i++) {
            if (chklist[i].type == &quot;checkbox&quot; &amp;&amp; chklist[i] != obj) {
                chklist[i].checked = obj.checked;
            }
        }
    }

function uncheck(obj) {
            var headerchk = document.getElementById("ctl00_dlStudentList_ChkAll");
            headerchk.checked = false;
        }
&lt;/script&gt;</pre>


<pre>&lt;asp:DataList ID="dlStudentList" RepeatColumns="4" runat="server"&gt;
    &lt;HeaderTemplate&gt;
        &nbsp;&lt;asp:CheckBox id="ChkAll" runat="server" Text="  Select All"
            onclick = "CheckAll(this);"/&gt;
        &lt;br /&gt;
        &nbsp;&nbsp;
    &lt;/HeaderTemplate&gt;
        &lt;ItemTemplate&gt;
            &lt;label&gt;
                &lt;table cellpadding="0" cellspacing="0" class="cntls checkliststud" style="font-family: Verdana;
                    font-size: 10px; background-color: #f0f0f0; width: 200px; cursor: pointer"&gt;
                    &lt;tr&gt;
                        &lt;td&gt;
                            &lt;input type="checkbox" id="chkRegno" name="chkRegno"  runat="server"  value='&lt;%# Eval("usercode") %&gt;'
                                onfocus="javascript:setFocus(this)" onblur="javascript:onLostFocus(this)"  önkeypress="javascript:test(event,this)" onclick=" uncheck();" /&gt;
                        &lt;/td&gt;
                    &lt;/tr&gt;
                &lt;/table&gt;

            &lt;/label&gt;
        &lt;/ItemTemplate&gt;
    &lt;/asp:DataList&gt;</pre>

Posted 18-Feb-14 7:27am

Mohammed_Faisal_Majeed

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

pjaar89 · Accepted Answer · 2014-02-18T00:05:00

Solution 1

Well, you do nothing for that

A solution with a bit help of jQuery

C#

$(function () {
    $("#ChkAll").change(function () {
        if ($(this).is(':checked')) {
            $(".checkliststud INPUT[type='checkbox']").prop("checked", true);
        } else {
            $(".checkliststud INPUT[type='checkbox']").prop("checked", false);
        }
    });
    $(".chkRow INPUT[type='checkbox']").change(function () {
        $("#ChkAll").prop("checked", false);
    });
});

Posted 18-Feb-14 0:05am

pjaar89

Comments

[no name] 18-Feb-14 6:23am

this is not working ..
Actually on the click of chkAll - all the checkboxes is getting checked and also un-checked..
But what i wanted is when i un-check any checkbox , chkAll should also un-check which is not happening hope u understood

pjaar89 18-Feb-14 7:20am

Believe me the second part does the thing

$(".checkliststud INPUT[type='checkbox']").change(function () {
$("#ChkAll").prop("checked", false);
});

pjaar89 18-Feb-14 7:35am

Here is a fiddle that showing my code that actually works

http://jsfiddle.net/pjaaar/r3JdS/

[no name] 18-Feb-14 13:24pm

pjaar89 19-Feb-14 3:12am

great

Arav Pradeep Gupta · Accepted Answer · 2014-02-18T00:08:00

Solution 2

Hi,

Please try this hope it work for you

JavaScript

var checkboxes = new Array();
checkboxes = $('input[id*="chkRegno"]');

for (var i = 0; i &lt; checkboxes.length; i++) {
    checkboxes[i].checked = obj.checked;
}

[edit]Code block added[/edit]

Posted 18-Feb-14 0:08am

Arav Pradeep Gupta

Updated 18-Feb-14 0:39am

v3

Comments

[no name] 18-Feb-14 6:23am

this is not working .. Actually on the click of chkAll - all the checkboxes is getting checked and also un-checked.. But what i wanted is when i un-check any checkbox , chkAll should also un-check which is not happening hope u understood

Arav Pradeep Gupta 18-Feb-14 6:38am

okay , do one thing please apply a css class on chkRegno give any name suppose u have applied css ABC then here is solution to get as u looking for
/----------
$(function () {
$(".ABC").change(function () {
if($("#ChkAll").is(':checked')){
$("#ChkAll").prop("checked", false);
}
});
});

[no name] 18-Feb-14 6:41am

I have not used any css..

[no name] 18-Feb-14 6:41am

you can see in my code

Arav Pradeep Gupta 18-Feb-14 6:52am

please read comment you will apply a dummy class which will use only for you. for now you can give class name ABC same as I have done. It will work definitely .

[no name] 18-Feb-14 6:55am

i am really sorry i am not getting it

Arav Pradeep Gupta 18-Feb-14 7:04am

oh ...................

NOTHING NEED TO DO SPECIAL JUST ADD
class='ABC' in u'r
<input type="checkbox" id="chkRegno" name="chkRegno" runat="server" value='<%# Eval("usercode") %>'
onfocus="javascript:setFocus(this)" önblur="javascript:onLostFocus(this)" önkeypress="javascript:test(event,this)" />

still u did;t get it

sorry to say ask to u'r senior to look at the issue.

Thanks

[no name] 18-Feb-14 7:09am

Its not working after putting class, anyways thanks for your concern..