javascript - 使用 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/

Answer 3

从我上面的评论：

$("h4.manager").text("Employees");

应该管用。

Answer 4

这行得通吗？

$("#rad-400").on("click", function () {
    $(".manager").text("Employees");
}); 

Answer 5

这应该适合你：

$("#rad-r00").click(function() {
    if ($('input:radio[name=radio-manager]:checked').val() == "Yes") {
        $(".manager").html('Manager')
    }
    else {
        $(".manager").html('Not - Manager');
    }
 });