Javascript 单击输入按钮后，Jquery将显示下一个按钮

我试图显示'下一步按钮'一旦用户点击输入，所以他们只有得到下一步按钮后，他们已经作出了选择，我使用这个项目的引导

小提琴是我目前所拥有的东西之一

谢谢你的帮助

ALorem Ipsum只是印刷和排版行业的虚拟文本。
BLorem Ipsum只是印刷和排版行业的虚拟文本。
CLorem Ipsum只是印刷和排版行业的虚拟文本。
DLorem Ipsum只是印刷和排版行业的虚拟文本。




下一个

更新

---

您好，按钮的全部要点是移动到下一个屏幕，我已经实现了上面的代码，但是当我转到下一个屏幕时，下一个按钮已经出现，我本以为这个解决方案适用于所有屏幕。我的小提琴是

给按钮上课：

<button class="btn btn2 btn-default myButton" name="next">Next</button>

将事件侦听器附加到单选按钮，以在单击按钮时更改按钮的显示属性：

$("input:radio").on("click", function(){
  $(".myButton").show();
});

试试这样的方法：

$（函数（）{
$（'#nextbtn'）.hide（）；
$（'input:radio'）。更改(
函数（）{
$（'#nextbtn'）.show（）；
}
);
});

ALorem Ipsum只是印刷和排版行业的虚拟文本。
BLorem Ipsum只是印刷和排版行业的虚拟文本。
CLorem Ipsum只是印刷和排版行业的虚拟文本。
DLorem Ipsum只是印刷和排版行业的虚拟文本。




下一个

注意：您在不同的元素上重复使用相同的ID（
option2
和
option3
），这是错误的

通过一种简单的方式，您可以使用jQuery执行此操作：

禁用/启用

$（文档）.ready（函数（）{
$（“标签输入”）。单击（函数（）{
$（.next”）.prop（“禁用”，false）；
});
});
*{font-family:'Segoe-UI'，Tahoma；边距：0；填充：0；列表样式：无；}
输入{垂直对齐：中间；}
输入[类型=按钮]{填充：2px 5px；边距：5px 0；}
ul li{padding:5px；}


项目1
项目2
项目3
项目4

以下是您想要的解决方案：

$('[name="next"]').addClass('disabled');
$('[name="options"]').on('change',function(e){
    e.preventDefault();
    $('[name="next"]').toggleClass('disabled', !$('[name="options"]:checked').length);
})

我刚刚从单选按钮中删除了一些不必要的属性（如ID、第二个名称和类），添加到下一个按钮类，这使它在默认情况下不可见，并且使用简单的jQuery操作，我正在尝试查找单选按钮中值的第一次更改

jQuery代码应该如下所示：

$(function(){
    $("input[type=radio]").change(function() {
        $("#next_button").removeClass("hidden");
    });
});

每次有人点击任何单选按钮时，都会触发此功能。当发生这种情况时，jQuery会删除类“hidden”，使其可见

隐藏的类应如下所示：

.hidden { display: none; } 

这就是你所需要的

看看这个：
多个元素的相同ID是无效的标记写入方式。单选按钮在哪里？它没有出现在你的小提琴中谢谢，这是一个小错误，谢谢你给我指出。谢谢大家，现在都整理好了@好的，那就接受答案吧。
toggleClass
使用
boolean
参数会更有效。e、 g.
$（'[name=“next”]'）.toggleClass（'disabled'，！$（this.prop（'checked'））注意：您在示例中留下了无效的重复ID。是。我关心的是JS。提问者可以处理重复的ID。谢谢，现在已经整理好了。嗨，迪帕利，我有一些幻灯片，我想在上面做同样的操作，但这没有发生。到目前为止，我的代码是：我已经看到小提琴和我的第一张幻灯片上的小提琴一样工作。你能告诉我你到底想做什么吗？我在html中看不到JSM中存在的任何以前的按钮，如果我有如下内容，那么首先，尽量避免对多个html元素使用相同的名称属性（当然不包括单选按钮等）。如果要标记多个元素，请使用类，我认为它更干净。那么你也只需要一个“下一步”按钮，它一次又一次地做着同样的工作，那么你为什么要使用多个按钮呢。最后，要使其在下一个屏幕上消失，只需在有人单击后添加隐藏下一步按钮。看看这个：
$(function(){
    $("input[type=radio]").change(function() {
        $("#next_button").removeClass("hidden");
    });
});

.hidden { display: none; }