使用 jquery 仅选择下一个
Use jquery to select only the next one
我需要一些帮助来弄清楚。我有一个按钮收音机,当选中此按钮时,他旁边的框必须更改 id(是 ID 不是类,绝对需要它是 ID)
<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>
但是使用我编写的脚本,它将 ID 应用于所有数字框,而我只想要按钮单选按钮旁边的唯一一个
$(document).ready(function(){
$("input[type='radio']").click(function(){
$("input[type='number']").attr('id', 'quantity_wanted');
});
});
http://jsfiddle.net/micheler/y4jrotkc/4/
首先,id 必须是唯一的。我最愿意用类代替。如果检查无线电,我创建它以更改输入的 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>
相关文章:
- 使用CSS或js,使用动态选择器选择任意li的下一个元素
- 在Twitter BootStrap嵌套下拉列表中托管一个选择列表(IE 9特定)
- 显示/隐藏下拉选项取决于另一个下拉选择
- 在javascript中动态添加一个选择下拉菜单
- j查询 如何选择当前元素之后的下一个元素
- 使用Javascript双击HTML中的空格时,选择上一个和下一个单词
- 在PHP中将下拉选择列表的内容从一个表单传递到另一个表单
- 我已经创建了一个动态的下拉选择列表,它指向一行;如何使该行成为变量
- 如何使用“引导”来选择引导选项卡;下一个“;按钮我遵循了其他答案,但没有奏效
- 如果“上一个”为空,则清除下一个嵌套的选择标记
- 将选择下拉列表发送到另一个选择下拉列表
- Jquery UI选项卡&选择方框-下一个/上一个按钮
- 使用jQuery选择下一个选项
- 使用JQuery的图像滑块不显示我选择的下一个图像,而是从头开始显示
- 根据第一个选择框中选择的内容筛选下一个选择框的值
- JQuery 下一个选择器或类似的东西
- 选项选择可动态更改下一个选择
- jQuery -查找下一个选择元素
- jQuery选择框增加值,只针对下一个选择
- 使用jQuery查找输入字段后的下一个选择