12

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コードを試しましたが、それを完全に理解することはできません。

4

5 に答える 5

22

次のフィドルをチェックしてください。

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-07T20:38:50.277 に答える
7

あなたがする必要があるのはこれだけです-

$('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-07T20:44:36.223 に答える
3

上記の私のコメントから：

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

動作するはずです。

于 2012-12-07T20:41:25.193 に答える
2

これは機能しますか？

$("#rad-400").on("click", function () {
    $(".manager").text("Employees");
});
于 2012-12-07T20:41:04.073 に答える
1

これはあなたのために働くはずです：

$("#rad-r00").click(function() {
    if ($('input:radio[name=radio-manager]:checked').val() == "Yes") {
        $(".manager").html('Manager')
    }
    else {
        $(".manager").html('Not - Manager');
    }
 });
于 2012-12-07T20:40:27.947 に答える