使用jQuery更新HTML H4标签

我无法更改使用jQuery的HTML标签之间的“文本”。当有人点击“单选按钮”时，文本应该在某个HTML元素中更新。这是我的HTML：使用jQuery更新HTML H4标签

<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代码，但无法弄清楚。

来源

2012-12-07 three3

什么是你试过jQuery代码？ –

'$（“h4.manager”）.text（“Employees”）;'应该这样做。你有什么尝试？ –

@JasonTowne谢谢！这解决了我的问题...我使用.html（）函数 – three3

看看下面的小提琴。

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

来源

2012-12-07 20:38:50

这应该为你工作：

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

来源

2012-12-07 20:40:27 smykes

工作的呢？

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

来源

2012-12-07 20:41:04

从上面我的评论：

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

应该工作。

来源

2012-12-07 20:41:25

所有你需要做的就是这一点 -

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

见http://jsfiddle.net/Eub9Y/

来源

2012-12-07 20:44:36

使用jQuery更新HTML H4标签

回答

相关问题