1

のリストがありcheckbox、ユーザーが をクリックするothers optionとtext fieldが開きます。これはシナリオ 1 では正常に機能しますが、シナリオ 2 では機能しません。 シナリオ 1 : ユーザーが最初にオプション cat を選択し、次にその他のオプションを選択すると、テキスト フィールドが期待どおりに表示されます。[正常に動作し、テキスト フィールドは期待どおりに表示されます] シナリオ 2 : ユーザーが最初に他のオプションを選択した場合 (テキスト フィールドは最初に表示されます)、テキスト フィールドが非表示になった後に猫オプションを選択すると [テキスト フィールドが消える]

以下のコードを見つけてください。

$(".animals").change(function () {
    //check if its checked. If checked move inside and check for others value
    if (this.checked && this.value === "other") {
        //add a text box next to it
        $("#other-text").show();
    } else {
        //remove if unchecked
        $("#other-text").hide();
    }
});

これは私のフィドルです: http://jsfiddle.net/Kritika/XSzKu/

シナリオ2でも機能させるにはどうすればよいですか?. 前もって感謝します。

4

2 に答える 2

2

以下のJSを使用できます

$(".animals").change(function () {
    //check if the selected option is others
    if (this.value === "other") {
        //toggle textbox visibility
        $("#other-text").toggle();
    }
});
于 2013-08-05T14:51:18.940 に答える