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

选择输入时更改按钮

1 个答案:

HTML：

jQuery的：