ラジオボタンの選択に応じてフォーム上に複数の送信ボタンを有効/無効にする方法

Question

プロジェクトのすべてのマイルストーンを一覧表示するフォームがあります。 フォームには2つの送信ボタンがあります。マイルストーンにタスクが表示されます。もう一方の送信ボタンは、スクリプトを実行して、選択したボタンのバーンダウンチャートを生成するものとします。ここ は私がするとページがロードされ、何のマイルストーンが選択されていない、両方の提出 ボタン

1. をやりたいです。これは達成され—無効になっています。
2. ユーザーが任意のマイルストーンを選択すると、送信ボタンは両方とも が有効になります - これは助けが必要です。私は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>​