-3

次のように、ラジオ ボタンの 2 つの単純なグループがあります。

Yes<input type="radio" name="first" value="yes"> No<input type="radio" name="first" value="no"><br>
Yes<input type="radio" name="second" value="yes"> No<input type="radio" name="second" value="no">
<h4 class="result"></h4>

そして、私はそれらを次のように設定します：

  • 両方のグループの値が「いいえ」の場合、h4 の結果は「低」です。
  • 両方のグループの値が「はい」の場合、結果は「高」です。
  • 両方のグループの値が「はい」と「いいえ」の場合、結果は「中」になります。

で、changeイベントでjQuery化したいのですが、どうすればいいですか？

4

1 に答える 1

0

まず、入力タグを閉じてマークアップを修正します。それで：

$(function () {
    $('input[type="radio"]').on("change", function () {

        var firstChecked = $('input[type="radio"][name="first"]:checked').val();
        var secondChecked = $('input[type="radio"][name="second"]:checked').val();

        if (typeof firstChecked == "undefined" || typeof secondChecked == "undefined") return;

        var result = firstChecked == "yes" && secondChecked == "yes" ? "High" : firstChecked == "no" && secondChecked == "no" ? "Low" : "Medium";

        $('.result').text(result);
    });
});

デモ: http://jsfiddle.net/5dzHn/

于 2013-10-02T09:52:39.820 に答える