HTML 양식 요소가 회색으로 표시됩니다.

Question

사용자가 보고서 유형에 대한 요청을 제출하는 데 사용할 "행"하나를 선택하게하고 싶습니다. 라디오 버튼을 표의 첫 번째 열에 넣을 수 있습니다. 둘 중 선택되어있는 항목은 제출 버튼을 통해 다음 페이지로 전송되는 활성 행입니까?

<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

한 가지 방법은 행 선택 라디오 버튼에 대한 온 클릭 핸들러를 가지고 있고, 그 핸들러에서, 버튼 TD의 부모 인 TR을 발견하는 것입니다. 그것이 당신이 선택한 행입니다.