使用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標籤

回答

相關問題