Checkbox list label text via jQuery

Question

I have a check box list which enables multi select. i need to get the label of each check box instead of the value and do some work. if values are aaa &&& bbb i need to disable them (not allow user to check) and others i want to display as check able.

I have this piece of code written but doesn't work. I think I am missing something.

  $('#ddcl-ddlOutcomeList-ddw input[type=checkbox]').each(function () {
      console.log($(this).html());
   });

ex:

  <div class="ui-dropdownchecklist-item ui-state-default" style="white-space: nowrap;">
  <input type="checkbox" tabindex="0" class="active" id="ddcl-ddlOutcomeList-i0" index="0" value="1444">
  <label for="ddcl-ddlOutcomeList-i0" class="ui-dropdownchecklist-text" style="cursor: default;">No answer</label>
  </div>

 <div class="ui-dropdownchecklist-item ui-state-default" style="white-space: nowrap;">
 <input type="checkbox" tabindex="1" class="active" id="ddcl-ddlOutcomeList-i1" index="0" value="1445">
 <label for="ddcl-ddlOutcomeList-i1" class="ui-dropdownchecklist-text" style="cursor: default;">No answer 2</label>
 </div>

@dfsq please check the below answer. i was able to get my work done with it. — dev1234
– dev1234, Commented Jul 4, 2013 at 10:20
no it doesnt work for me. please help me with my below question — dev1234
– dev1234, Commented Jul 4, 2013 at 11:06

dfsq · Accepted Answer · 2013-07-04 10:18:41Z

2

If you want to disable checkboxes with No answer option you can try this:

$('label:contains("No answer")').prev(':checkbox').prop('disabled', true);

http://jsfiddle.net/PUJrQ/

answered Jul 4, 2013 at 10:18

dfsq

193k26 gold badges244 silver badges261 bronze badges

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

2 Comments

dev1234 Over a year ago

how can i disable it this way ? what am i doing wrong here.. $('#ddcl-ddlOutcomeList-ddw input:checkbox').each( function(e) { var chkBoxVal=$("label[for='" + $(this).attr("id") +"']").text().toLowerCase(); if (chkBoxVal == 'no answer' || chkBoxVal == 'left message' || chkBoxVal == 'engaged') { $(this).disabled(); console.log(chkBoxVal); }

dfsq Over a year ago

You should use 'prop', not attr.

PSR · Accepted Answer · 2013-07-04 10:11:06Z

1

<input type="checkbox"  id="test"/>
<label for="test">THIS IS LABEL</label>

You can use $("label[for='test']")

answered Jul 4, 2013 at 10:11

PSR

40.4k43 gold badges115 silver badges154 bronze badges

Comments

dev1234 · Accepted Answer · 2013-07-04 10:19:04Z

0

Finally i found a way to do it by my self.

           $('#ddcl-ddlOutcomeList-ddw input:checkbox').each( function(e) {
        var  chkBoxVal=$("label[for='" + $(this).attr("id") +"']").text();
        console.log(chkBoxVal);
     });

answered Jul 4, 2013 at 10:19

dev1234

5,75617 gold badges62 silver badges118 bronze badges

Collectives™ on Stack Overflow

Checkbox list label text via jQuery

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related