Как включить / отключить несколько кнопок отправки в форме в зависимости от выбора переключателя

Question

У меня есть форма, в которой перечислены все этапы проекта.Форма имеет две кнопки отправки.Один отображает задачи в вехе.Предполагается, что другая кнопка отправки запускает скрипт для генерации диаграммы выживаемости для выбранной кнопки.Вот что я хочу сделать

1. Когда страница загружается, и не выбран ни один этап, обе кнопки отправки отключены - Это достигается.
2. Когда пользователь выбирает любой этап,обе кнопки отправки активируются - мне нужна помощь с этим.Я знаю, как связать включение / отключение одной кнопки отправки с выбором радио.Это две кнопки отправки, с которыми у меня возникают проблемы.
3. В зависимости от того, какая кнопка нажата, соответствующий скрипт 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>

Answer 1

Вот скрипка, которая делает то, что вы говорите, что вам нужно:

http://jsfiddle.net/bDwxB/1/

А вот 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>​