1

はい/いいえの入力でボタンの機能を変更しようとしています。入力が「はい」の場合、ボタンをハイパーリンクにしたいのですが、「いいえ」の場合は次の div に移動します (ボタンをクリックすると)。

これを行う方法がわかりません。

これが私が持っているものです

次のように開始するにはjqueryが必要だと想像しています：

$('input:radio[name="yes"]').change(
function(){
    if ($(this).val() == 'Yes') {
        $('.1').css('display', 'block');
    }
    else {
        $('.2').css('display', 'block');
    }
});

ボタンに別のクラスを与えてから表示しようとしましたが、うまくいきませんでした。

<form>
    <input type="radio" name="yes" value="Yes"/>Yes
<input type="radio" name="yes" value="No"/>No
</form>

<a href="#"><button>Yes</button></a>
<button class="no">No</button>

これはボタンがどのように見えるかです

どんな助けでも素晴らしいでしょう！

4

1 に答える 1

2

これを試す必要があります：

FIDDLE

HTML:

 <input type="radio" name="button" value="Yes" />Yes
 <input type="radio" name="button" value="No" />No

 <button class='yes'>Yes</button>
 <button class="no">No</button>

jQuery:

 $('input:radio').change(function () {
   if ($(this).val() == 'Yes') {
      $('[class="yes"]').show().siblings('button').hide();
   } else {
      $('[class="no"]').show().siblings('button').hide();
   }
});

それらを同じ名前でグループ化し、このラジオボタンで変更イベントを試してから、対応するボタンを表示してください。

さらに良いもの：

$('input:radio').change(function () {
  var rad = this.value.toLowerCase();
  $('[class="' + rad + '"]').show().siblings('button').hide();
});

fiddle

于 2013-03-29T06:47:33.517 に答える