我有一个表格,列出了项目中的所有里程碑。 该表单有两个提交按钮。其中一个显示里程碑中的任务。另一个提交按钮应该执行脚本来为所选按钮生成燃尽图。 这就是我想做的事情
- 当页面加载且未选择任何里程碑时,提交 按钮被禁用——这已经实现了。
- 当用户选择任何里程碑时,两个提交按钮都会 已激活 - 我需要这方面的帮助。我知道如何链接启用/禁用 一个带有单选选项的提交按钮。这是两个提交 我对按钮有疑问。
- 根据按下的按钮,相应的 Python 脚本 应该在后台执行。 — 一旦我的 禁用按钮问题已完成。
目前,当页面加载时,两个提交按钮都处于禁用状态。即使我选择了一个里程碑,它们也没有被启用。我怀疑,这可能是因为它可能返回一组提交按钮,并且我可能需要有相同的逻辑?任何帮助表示赞赏。这是代码。
<form action="show_milestone.py" method="POST" name="milestone_form">
<table><tbody><tr>
<td>Milestone ID</td>
<td>Milestone Name</td>
<td>Milestone Start Date</td>
<td>Milestone End Date</td>
</tr>
<tr>
<td><input type="radio" name="milestone_id" value="1" onclick="javascript:document.milestone_form.submit.disabled=false"> 1<br></td>
<td>milestone_1</td>
<td>03/24/2012</td>
<td>04/07/2012</td>
</tr></tbody></table>
<p></p>
<input type="submit" name="submit" value="Show Tasks" disabled="">
<input type="submit" name="submit" value="Get Burndown Chart" disabled="">
</form>
最佳答案
这是一个 fiddle ,可以满足您的需求:
这是您需要的 jQuery 和 HTML:
<script>
$(document).ready(function(){
$('input[name=buttonGroup]').change(function(){
$('input.buttonGroupDependent').attr('disabled', true);
$('#' + $(this).data().trigger).attr('disabled', false);
});
});
</script>
<input type="radio" name="buttonGroup" data-trigger="button1" />
<input type="radio" name="buttonGroup" data-trigger="button2" />
<input type="radio" name="buttonGroup" data-trigger="button3" />
<form action="/echo/json/1">
<input type="submit" id="button1" value="Button 1" class="buttonGroupDependent" disabled/>
</form>
<form action="/echo/json/2">
<input type="submit" id="button2" value="Button 2" class="buttonGroupDependent" disabled/>
</form>
<form action="/echo/json/3">
<input type="submit" id="button3" value="Button 3" class="buttonGroupDependent" disabled/>
</form>
关于javascript - 如何根据单选按钮的选择启用/禁用表单上的多个提交按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9954910/