라디오 버튼을 선택하여 html 테이블 정보를 추출하십시오.

Question

아래 예를 사용하면 "가격"이 포함 된 텍스트를 가져 오기 위해 어떤 조합을 사용할 수 있습니까? (가정 사용자는 라디오 버튼을 클릭하고 전송 버튼을 가짐) 확인 된 라디오 버튼을 다음 TD 셀

<table border="1" id="modal_table"> 
<tbody> 
<tr> 

<td> <input type="radio" name='sub' value="509"/> </td> 
<td> 509 </td> 
<td class='price'> Price is $99 </td> 

</tr> 
<tr> 

<td> <input type="radio" value="510"/> </td> 
<td> 510 </td> 
<td id="price"> Price is $88 </td> 

</tr> 
</table> 

<input type='button' id='idButton2' value="Submit"> 

• GET 콘텐츠 또는
는 ID에 의해 식별 TD 셀
• GET 함량 = 가격 다음 그 선택한 라디오 버튼

Answer 1

$('tr input[name=sub]:checked').parent().find('#price').html() 

Answer 2

큰 답변! 작동하려면 parent()을 parents()으로 변경해야했습니다. 다음은 코드입니다.

<script type="text/javascript"> 
    $(document).ready(function(){ 
     $("#myButton").click(function() { 
      val1 = $("td input[name='sub']:checked").parents().find('.desc').html(); 
      val2 = $("td input[name='sub']:checked").parents().find('.price').html(); 
      if (val1 == null){ 
       alert("Please select one value above"); 
      } else { 
       alert(val1 + " sells for " + val2); 
      }; 
     }); 
    }); 
</script> 
<table border=1> 
    <tr> 
     <td>Select</td><td>Product</td> 
     <td>Description</td><td>Price</td> 
    </tr> 
    <tr> 
     <td><input type='radio' name='sub' value='ABCDE'></td> 
     <td>ABCDE</td> 
     <td class='desc'>Product ABCDE</td> 
     <td class='price'>55.95</td> 
    </tr><tr> 
     <td><input type='radio' name='sub' value='GHIFK' ></td> 
     <td>GHIFK</td> 
     <td class='desc'>Product GHIFK</td> 
     <td class='price'>34.99</td> 
    </tr> 
</table> 

<input type='button' id='myButton' value="Click Me">