我的网页上有一个静态提交按钮。
我进行 AJAX 调用,生成单选按钮列表。单选按钮的数量是随机的,全部取决于 JSON 对象中的项目数量。
我想在提交按钮可用之前验证是否已选择所有生成的单选按钮。
目前我的 HTML 如下所示:
<div id="toDo" class="col-sm-6 text-center">
<div id="manualChecks" class="panel panel-default">
<div class="panel-heading text-center"><strong>Manual Check</strong</div>
</div>
<span class="input-group-btn">
<button type="submit" class="btn btn-primary">Submit</button>
</span>
</div>
我的 ajax 读取 .JSON 文件并通过以下 JavaScript 生成复选框列表:
var ul = $('<ul class ="list-group text-left">');
$.each(item, function (key, value) {
var li = $('<li class="list-group-item">').append(
$('<input type="radio">' + value.Description + '</input>')
);
li.appendTo(ul);
});
$('#manualChecks').append(ul);
}
所有这些都很有魅力。我只是想“验证”这个动态生成的表单。我不希望在选择所有自动生成的单选按钮之前按下Submit
按钮。
最佳答案
从禁用按钮开始
<button id="submitBtn" disabled="disabled" type="submit" class="btn btn-primary">Submit</button>
然后,当您检查完所有按钮是否都已选中后,删除禁用属性。
$('#submitBtn').removeAttr('disabled');
要检查所有按钮是否已选中,您需要为此编写一些逻辑。只需在单选按钮上添加一个处理程序来监听它们何时发生更改,然后将它们全部选中并查看未选中的数字是否 === 0。
关于javascript - 禁用按钮,直到选择 AJAX 生成的单选按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30225703/