jquery를 사용하여 다음 항목 만 선택하십시오

Question

알아 내기 위해 도움이 필요합니다. 나는이 버튼이 체크 버튼 라디오,있어 , 바로 그의 옆에있는 상자는

<table> 
<tr> 
    <td> 
    <input type="radio" class="attribute_radio" name="contenance" /> 
</td> 
<td><a href="">A super link</a> 
</td> 
<td>      
    <input type="number" name="qty" class="text" size="2" maxlength="3"/> 
</td> 
</tr> 
<tr> 
    <td> 
    <input type="radio" class="attribute_radio" name="contenance" /> 
</td> 
<td><a href="">A super 2nd link</a> 
</td> 
<td>      
    <input type="number" name="qty" class="text" size="2" maxlength="3"/> 
</td> 
</tr> 
</tr> 

하지만와 (YES ID 클래스가 아닌, 절대적으로 ID를 할 필요) ID를 변경해야 난 그냥 고유해야합니다 옆에있는 버튼 라디오의 모든 ID의

$(document).ready(function(){ 
$("input[type='radio']").click(function(){ 

    $("input[type='number']").attr('id', 'quantity_wanted'); 

}); 

});         

http://jsfiddle.net/micheler/y4jrotkc/4/

Answer 1

첫째로 하나의 원하는 동안 작성한 스크립트, 그것은 모든 번호 상자에 ID를 적용합니다. 나는 대신 클래스를 사용하는 sugest. 나는 라디오 확인할 경우이 입력의 ID를 변경하기 위해 만드는 :

는

$('input[type=radio]').click(function() { 
 
    //remove all id from input number 
 
    $('input[type=number]').removeAttr('id'); 
 
    //check if radio is checked and apply id to input number next to it 
 
    if($(this).prop("checked")) 
 
    $(this).next().attr('id', 'quantity_wanted') 
 
});

#quantity_wanted { 
 
    background-color: red; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="page_navigation1">next</div> 
 
<button id="add">Add</button> 
 
<button id="remove">Remove</button> 
 
<p> 
 
    <input type="radio" class="attribute_radio" name="contenance" /> 
 
    <input type="number" id="" name="qty" class="text" size="2" maxlength="3" /> 
 
</p> 
 
<p> 
 
    <input type="radio" class="attribute_radio" name="contenance" /> 
 
    <input type="number" name="qty" class="text" size="2" maxlength="3" /> 
 
</p>