Can I use jquery methods,selectors in javascript function?

Question

HTML:

<input id="otherCheckbox2" type="checkbox" value="Accepted" style="color: Black" class="chkdisplay" onchange="javascript:othercheckbxdisplay();" /> 
  <span style="color: Black">Accepted</span> <br />
<input id="otherCheckbox3" type="checkbox" value="Contracted" style="color: Black" class="chkdisplay" onchange="javascript:othercheckbxdisplay();" />
  <span style="color: Black">Contracted</span> <br />
<input id="otherCheckbox4" type="checkbox" value="Pending" style="color: Black" class="chkdisplay" onchange="javascript:othercheckbxdisplay();" />
   <span style="color: Black">Pending</span><br />
<input id="otherCheckbox5" type="checkbox" value="Pre-Authorized" style="color: Black"  class="chkdisplay" onchange="javascript:othercheckbxdisplay();" />
   <span style="color: Black">Pre-Authorized</span> <br />
<input id="otherCheckbox6" type="checkbox" value="Show Deleted" style="color: Black" class="chkdisplay" onchange="javascript:othercheckbxdisplay();" />
   <span style="color: Black">Show Deleted</span> <br />
<input id="otherCheckbox7" type="checkbox" value="Treated" style="color: Black"　class="chkdisplay"　onchange="javascript:othercheckbxdisplay();" />
　　<span style="color: Black">Treated</span> <br />

MY javascript function with jquery but it does not work. called this function on a button click.Wen i click on button alert("hi"); is fired but not alert(index); Also explain my main question and just me the way for this question

 function ShowHideDxColumn() {
                alert("hi");
                $(".ckhdisplay").each(function (index) {
                    if ($(this).is(":checked")) {
                        alert(index);
                    }
                });
            }

thank u

MrCode · Accepted Answer · 2013-06-24 07:07:24Z

3

You have a typo, .ckhdisplay should be .chkdisplay. Because of that, your .each call has no elements to iterate over because there are none with the given class.

 function ShowHideDxColumn() {
     alert("hi");
     $(".chkdisplay").each(function (index) {
         if ($(this).is(":checked")) {
             alert(index);
         }
     });
 }

You actually don't really need the condiiton in the each, you can just select the checked checkboxes:

$(".chkdisplay:checked").each(function(index){
    console.log(this);
});

answered Jun 24, 2013 at 7:07

MrCode

64.6k10 gold badges95 silver badges114 bronze badges

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

3 Comments

Somnath Kharat Over a year ago

Thanks for notifying me my mistake i am really made?

Somnath Kharat Over a year ago

will u explain me Can i use jquery methods,selectors in javascript function?

MrCode Over a year ago

Yes of course you can use jQuery methods and selectors in Javascript functions, that's exactly where it's designed to be used.

Kenny · Accepted Answer · 2013-06-24 07:07:33Z

0

Please try this:

$.each($(".chkdisplay"), function(index, element) {
    if ($(this).attr('checked')){
        alert(index);
    }
});

answered Jun 24, 2013 at 7:07

Kenny

5,4007 gold badges32 silver badges45 bronze badges

Collectives™ on Stack Overflow

Can I use jquery methods,selectors in javascript function?

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related