Use javascript to change a form label content using the for attribute

Question

I am trying to change the innerHTML of a label. I do not have access to the form so cannot edit the HTML. The only identifier that the label has is the "for" attribute.

Here is the structure of the input and label:

    <div class="fullWidthContent" id="questionCheckboxDiv" style="display: block;">
      <div class="questionLabel"></div>
      <div class="questionCheckboxFormFieldContainer">
        <span class="questionCheckbox">
          <input type="checkbox" onclick="checkdep(this);" onblur="validatefield(this);" checked="" value="Y" name="Question Checkbox" id="Question_Checkbox">
          <label for="Question_Checkbox">I'd like to change this label text!</label>
        </span>
      </div>
    </div>

and what is the problem?

Krupal Shah
– Krupal Shah

2014-07-16 12:08:59 +00:00
Commented Jul 16, 2014 at 12:08 — Krupal Shah
– Krupal Shah, Commented Jul 16, 2014 at 12:08

adeneo · Accepted Answer · 2014-07-16 12:08:48Z

2

You can use the attributes selector as for is just an attribute

$('label[for="Question_Checkbox"]').text('something')

answered Jul 16, 2014 at 12:08

adeneo

319k29 gold badges410 silver badges392 bronze badges

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

1 Comment

Max Heiber Over a year ago

use .html() to change the innerHTML

Collectives™ on Stack Overflow

Use javascript to change a form label content using the for attribute

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related