Javascript 使用jQuery更新HTMLH4标记
我在使用jQuery更改HTML标记之间的“文本”时遇到问题。当有人单击“单选按钮”时,文本应该在某个HTML元素中更新。这是我的HTML:Javascript 使用jQuery更新HTMLH4标记,javascript,jquery,Javascript,Jquery,我在使用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="man
<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代码,但无法完全理解它。请查看以下内容
经理
$('.radio line')。在('click','input[type=“radio”]”上,更改文本);
函数更改文本(e){
$('.manager').text($(e.currentTarget).data('text');
}
这应该适合您:
$("#rad-r00").click(function() {
if ($('input:radio[name=radio-manager]:checked').val() == "Yes") {
$(".manager").html('Manager')
}
else {
$(".manager").html('Not - Manager');
}
});
这行吗
$("#rad-400").on("click", function () {
$(".manager").text("Employees");
});
根据我上面的评论:
$("h4.manager").text("Employees");
应该有用。你需要做的就是-
$('input[name="radio-manager"]').change(function() {
if($('#rad-400').is(':checked')){
$('h4.manager').text('Employees');
} else {
$('h4.manager').text('Manager');
}
});
请参见您尝试的jQuery代码是什么?
$(“h4.manager”).text(“Employees”)代码>应该这样做。你试过什么?@JasonTowne谢谢你!这解决了我的问题…我使用的是.html()function@three3很高兴我能帮忙。我将我的评论作为答案发布,以便您可以将您的问题标记为已回答。
$('input[name="radio-manager"]').change(function() {
if($('#rad-400').is(':checked')){
$('h4.manager').text('Employees');
} else {
$('h4.manager').text('Manager');
}
});