Question

81

Update HTML H4 tag using jQuery

rated 0 times [ 84] [ 3] / answers: 1 / hits: 62992 / 12 Years ago, fri, december 7, 2012, 12:00:00

I am having trouble changing the text between an HTML tag using jQuery. When someone clicks on a radio button, the text should be updated in a certain HTML element. Here is my HTML:

<div class=radio-line id=radio-manager>

    <input type=radio id=rad-400 name=radio-manager value=No  />

</div>

HTML to be updated on radio check:

<h4 class=manager>Manager</h4>

When someone clicks on the radio above, the Manager text should become Employees. I tried some jQuery code but cannot quite figure it out.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

kyrona

Add To Favorites

Follow

Total Points: 422

Total Questions: 111

Total Answers: 97

Location: Oman

Member since Wed, Apr 12, 2023

1 Year ago

answered 12 Years ago rocioblancac · Accepted Answer

Check out the following fiddle.

http://jsfiddle.net/JBjXN/

<div class=radio-line id=radio-manager>

    <input type=radio id=rad-400 name=radio-manager value=No data-text=Employees />

</div>



<h4 class=manager>Manager</h4>



$('.radio-line').on('click', 'input[type=radio]', changeText);



function changeText(e) {

    $('.manager').text($(e.currentTarget).data('text'));

}