如何使用jquery获取单选按钮选择的td值?
我在下面有一个div,在选择如何使用jquery获取单选按钮选择的td值?,jquery,Jquery,我在下面有一个div,在选择CFGID单选按钮时,我应该能够获得相同的行值。例如:testDev,indi等值 <div id="updateFormDiv"> <table class="tableForms"> <tbody> <tr> <th class="tableHeading"></th>
CFGID
单选按钮时,我应该能够获得相同的行值。例如:testDev
,indi
等值
<div id="updateFormDiv">
<table class="tableForms">
<tbody>
<tr>
<th class="tableHeading"></th>
<th class="tableHeading">Name</th>
<th class="tableHeading">Host Name</th>
<th class="tableHeading">Description</th>
<th class="tableHeading">Type</th>
<th class="tableHeading">Last Update Time</th>
</tr>
<tr>
<td><input type="radio" name="CFGID" id="CFGID" value="11579"></input></td>
<td>testDev</td>
<td>indi</td>
<td>testDev</td>
<td>Development</td>
<td>Fri Apr 26 04:31:40 IST 2012</td>
</tr>
</tbody>
</table>
</div>
但它让我感到空虚。请帮我取每个值。谢谢试试这样的东西
$(document).on('change', ':radio[name="CFGID"]', function () {
var arOfVals = $(this).parent().nextAll().map(function () {
return $(this).text();
}).get();
});
arOfValues
将是一个数组,例如['testDev','indi','testDev','Development','Fri Apr 26 04:31:40 IST 2012']
(即该行剩余列中的文本)
您的选择器不起作用,因为包含文本的
是输入父项上的next()
元素,而不是输入本身(输入没有同级)
请注意如何在事件处理程序中使用$(this)
来引用所选元素,而不是$(“input[name='CFGID']:checked”)
。还可以看到我是如何使用事件委派via的,因为将同一事件绑定到多个元素是一种糟糕的做法
阅读、和,看看它们的用途。试试这样的东西
$(document).on('change', ':radio[name="CFGID"]', function () {
var arOfVals = $(this).parent().nextAll().map(function () {
return $(this).text();
}).get();
});
arOfValues
将是一个数组,例如['testDev','indi','testDev','Development','Fri Apr 26 04:31:40 IST 2012']
(即该行剩余列中的文本)
您的选择器不起作用,因为包含文本的
是输入父项上的next()
元素,而不是输入本身(输入没有同级)
请注意如何在事件处理程序中使用$(this)
来引用所选元素,而不是$(“input[name='CFGID']:checked”)
。还可以看到我是如何使用事件委派via的,因为将同一事件绑定到多个元素是一种糟糕的做法
请仔细阅读、和,看看它们的用途。试试以下方法:
var texts = [];
$("input[id='createRad']:checked").siblings("td").each(function(i, v){
texts[i] = $(this).text()
});
试试这个:
var texts = [];
$("input[id='createRad']:checked").siblings("td").each(function(i, v){
texts[i] = $(this).text()
});
单选按钮没有选择上的事件。这不应该是.on('change')
?单选按钮没有onselect
事件。这不应该是.on('change')
?