jquery - 选择输入时更改按钮

Question

我正在尝试使是/否输入更改按钮的功能。如果输入是，那么我希望按钮是一个超链接，但如果它不是，我希望它带你到下一个 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>

这就是按钮的样子

任何帮助都会很棒！

Answer 1

你应该试试这个：

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