2

私は現在、レストランのメニュー注文 Web サイトに取り組んでおり、特定の料理に料理のオプションを追加することに行き詰まっています。ラジオ ボタンを使用して、ユーザーが好みのオプションを選択できるようにします。

<label class="option"><input type="radio" value="Ketchup"> Ketchup</label>など...

次に、関数を実行する onclick 属性を持つリンクである追加ボタンがあります。チェックされたラジオボックスの値をフォームなしで関数に渡すにはどうすればよいですか?

4

3 に答える 3

2

追加ボタンをクリックすると、どのラジオ ボタンが選択されたかがわからないため、実際には「チェックされたラジオ ボックスの値を通過させる」ことはできません。ただし、ラジオを参照できるクラスをラジオに与えると、関数内から値を確認するだけで済みます。「皿」と言うクラスでは、そのためのjqueryコードは次のようになります。

$('.dish:checked').val(); 
于 2012-07-07T15:53:46.333 に答える
1

フォーム要素 ID を指定すると、次のようになります。

<label class="option"><input type="radio" id="radioButton1" value="Ketchup"> Ketchup</label>

次に、DOM を介してラジオ ボタンの値に簡単にアクセスできます。次のように、パラメーターではなくローカル変数を使用します。

function myFunction {
    var myValue;
    if (document.getElementById('radioButton1').checked == true) {
        myValue = document.getElementById('radioButton1').value;
    }
    else {
        // Check other radio buttons
    }
    // Perform some function using myValue
}
于 2012-07-07T15:48:16.660 に答える