0

私はこのjsfiddleを作りました: http://jsfiddle.net/6tZmc/1/

基本的に、ラジオボタンの選択に基づいて空のスパンを更新したいと思います。コードは次のとおりです。

html

<div>
<p>Your chose: <span id="animal"></span></p>
</div>
<div>
<h2>Pick an Animal:</h2>
<input type="radio" name="pets" value="cat" />Cats<br />
<input type="radio" name="pets" value="dog" />Dogs
</div>

jQuery :

function petChoice(){
    var chosenPet = $('input[name="pets"]:checked').val();
    if(chosenPet = 'cat'){
        $("span#animal").text();
        $("span#animal").text("Cats");
    }else if (chosenPet = 'dog'){
        $("span#animal").text();
        $("span#animal").text("Dogs");
    }else{
        $("span#animal").text();
    }
}
$("input[name='pets']").click(function(){
    petChoice();
});

前もって感謝します

4

3 に答える 3

4

あなたが割り当てようとしている if ステートメントcatsで、実際dogsにchosenPetいつに等しいかをテストしたいと思います。=に変更==

于 2013-05-28T16:31:31.587 に答える
1

準備ができた後に実行されるように、関数をラップすることを忘れないでくださいdocument。

また、クリックされたラジオボタンの値にテキストを設定するだけで、関数を短縮できます。jQuery イベントでthisは、イベントをトリガーした要素を参照します。

$(function () {
    $("input[name='pets']").click(function () {
        $("#animal").text($(this).val());
    });
});

ワーキングフィドル。

于 2013-05-28T16:31:00.920 に答える
0 
function petChoice(){
    var chosenPet = $('input[name="pets"]:checked').val();
    if(chosenPet == 'cat'){
        $("span#animal").html("Cats");
    }else if (chosenPet == 'dog'){
        $("span#animal").html("Dogs");
    }else{
        $("span#animal").empty();
    }
}
$("input[name='pets']").click(function(){
    petChoice();
});

jsfiddle: http://jsfiddle.net/6tZmc/4/

于 2013-05-28T16:34:42.403 に答える