0

ユーザーが2セットのRADIO BUTTONSのOnとOnの値をクリックすると、イベントを発生させようとしています....

そのため、ユーザーが最初の ON をクリックすると、そのメッセージが表示され、ON というアラートが表示されます

ユーザーがオフをクリックすると、オフというアラートが表示されます

ユーザーが 2 番目の ON をクリックすると、ON1 というアラートが表示されます。クリックすると OFF2 と表示されます。

彼らがONとONをクリックすると、ON AND ONのように別のことを言います

jsはこちら

 $('.radioButton').click(function(e){
   selected = $(this).val();
   if (selected === 'on'){
     alert('on')
   }

   else if (selected === 'off'){
     alert('off')
   }

   else if (selected === 'on1'){
     alert('on1')
   }

   else if (selected === 'off1'){
     alert('off1')
   }

   else if (selected === 'on' && 'on1'){
     alert('on and on')
   }

  });

フィドルはこちら

http://jsfiddle.net/d0okie0612/3u4Hj/

4

1 に答える 1

2

まず、ラジオ ボタンに name 属性を付けて、セットを区別します。

<input name="one" class="radioButton" id="r1" type="radio" value="on">
<input name="one" class="radioButton" type="radio" value="off">
<input name="two" class="radioButton" type="radio" value="on1">
<input name="two" class="radioButton" type="radio" value="off1">

次に、次のように、各セットでチェックされている値を確認できます。

var oneOn = $('input:radio[name=one]:checked').val();
var twoOn = $('input:radio[name=two]:checked').val();

ついに：

if(oneOn === 'on' && twoOn === 'on1') {
    alert("yes!");
}

「選択」は一度に2つの異なる値を持つことができないため、元のアプローチは機能しません。

于 2013-03-26T23:26:00.560 に答える