使用jQuery更新HTML H4标记

Question

我无法使用jQuery更改HTML标记之间的"文本".当有人点击"单选按钮"时,应该在某个HTML元素中更新文本.这是我的HTML:

<div class="radio-line" id="radio-manager">
    <input type="radio" id="rad-400" name="radio-manager" value="No"  />
</div>

要通过无线电检查更新的HTML:

<h4 class="manager">Manager</h4>

当有人点击上面的收音机时,"经理"文字应该变为"员工".我尝试了一些jQuery代码,但无法弄明白.

Answer 1

看看下面的小提琴.

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'));
}?

Answer 2

你需要做的就是这个 -

$('input[name="radio-manager"]').change(function() {
    if($('#rad-400').is(':checked')){
        $('h4.manager').text('Employees');
    } else {
        $('h4.manager').text('Manager');
    }
});

见http://jsfiddle.net/Eub9Y/