HTMLフォーム要素をグレー表示する

Question

レポートタイプの要求を送信するために、ユーザーが「行」を1つ選択できるようにします。ラジオボタンをテーブルの最初の列に配置するにはどうすればよいですか？選択されているものは、送信ボタンを使用して次のページに送信されるアクティブな行ですか？

<form action = "issuereporting.php" method="post"> 
    <h2>Please select your search criteria</h2> 
    <table> 
     <tr> 
      <td><input type ="radio" name ="report" value ="select1" /></td> 
      <td>Single Date:</td> 
      <td><script>DateInput('orderdate', true, 'DD-MON-YYYY')</script></td> 
     </tr> 
     <tr> 
      <td><input type="radio" name="report" value="select2" /></td> 
      <td>Date Range:</td> 
      <td>Start Date</td> 
      <td>End Date</td> 
     </tr> 
     <tr> 
      <td></td> 
      <td></td> 
      <td><script>DateInput('begdate', true, 'DD-MON-YYYY')</script></td> 
      <td><script>DateInput('enddate', true, 'DD-MON-YYYY')</script></td> 
     </tr> 
     <tr> 
      <td><input type="radio" name="report" value="select3" /></td> 
      <td>Application:</td> 
      <td><select name = "application"> 
        <option value = "default">default</option> 
        <option value = "2">2</option> 
        </select></td> 
     </tr> 
     <tr> 
      <td><input type="radio" name="report" value="select4" /></td> 
      <td>Application and Date:</td> 
      <td><select name = "application"> 
        <option value = "default">default</option> 
        <option value = "2">2</option> 
        </select></td> 
     </tr> 
     <tr> 
      <td><input type = "submit" value = "Submit"></td> 
     </tr> 
    </table> 
</form> 

これまでの質問からこのjsファイルを使用しようとしましたが、正常に動作しませんでした。私はそれが拡張する必要があることを知っているが、私はそれを日付フィールドをグレーにすることができませんでした。助けてくれてありがとう！それを行うには

$("input[name=report]").click(function() { 
    $(this).closest('table').find("input[name=orderdate]").attr("disabled", "disabled"); 
    $(this).closest('tr').find('input[name=textfield]').removeAttr('disabled'); 
}); 

Answer 1

使用この：

$("input[name=report]").click(function() { 
    $(this).closest('table').find("input[type=text],select").prop("disabled", true); 
    $(this).closest('tr').find('input[type=text],select').prop("disabled", false); 
}); 

JsFiddle

に、このライブの例をチェック

Answer 2

一つの方法は、行選択のラジオボタンのonclickハンドラを持っていると、そのハンドラでは、ボタンのTDの親であるTRを見つけることであろう。選択した行です。