admin管理员组文章数量:1418139
I have a table , I want to get value of some checkbox and push in string. Then I'm trying a function to get value , but it shows object Object, It`s not working.
<table id="div_table" border="2px" >
<tbody>
<tr>
<td><input type="checkbox" value="ABC" /></td>
<td>
<input type="checkbox" value="123" />
<input type="checkbox" value="456" />
<input type="checkbox" value="789" />
</td>
<td><input type="checkbox" value="xyz2" />
<input type="checkbox" value="xyz1" />
</td>
</tr>
</tbody>
</table>I have a table , I want to get value of some checkbox and push in string. Then I'm trying a function to get value , but it shows object Object, It`s not working.
<table id="div_table" border="2px" >
<tbody>
<tr>
<td><input type="checkbox" value="ABC" /></td>
<td>
<input type="checkbox" value="123" />
<input type="checkbox" value="456" />
<input type="checkbox" value="789" />
</td>
<td><input type="checkbox" value="xyz2" />
<input type="checkbox" value="xyz1" />
</td>
</tr>
</tbody>
</table>I tried code java function
function getvalue_func()
{
$('#div_table > tbody > tr').each(function()
{
var str = '';
$(this).find('td').find("input:checked").each(function ()
{
for (var i = 0; i < $(this).length; i++)
{
str += $(this).val() + ',';
}
return alert(str);
});
});
}Example : I check some checkbox: ABC,123,456 and xyz2 . Result : ABC,123,456,xyz2
Share Improve this question edited Nov 11, 2014 at 5:27 SonalPM 1,3338 silver badges17 bronze badges asked Nov 11, 2014 at 4:23 HeadshotHeadshot 4521 gold badge6 silver badges24 bronze badges2 Answers
Reset to default 6I think you want the function to return the string then
function getvalue_func() {
return $('#div_table input:checked').map(function() {
return this.value;
}).get().join(', ');
}<script src="https://ajax.googleapis./ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<table id="div_table" border="2px">
<tbody>
<tr>
<td>
<input type="checkbox" value="ABC" />
</td>
<td>
<input type="checkbox" value="123" />
<input type="checkbox" value="456" />
<input type="checkbox" value="789" />
</td>
<td>
<input type="checkbox" value="xyz2" />
<input type="checkbox" value="xyz1" />
</td>
</tr>
</tbody>
</table>
<button onclick="alert(getvalue_func())">get</button>- you can use a simple selector
#div_table input:checkedto get all the checked checkboxes inside the#div_tableelement - Use .map() to create an array of those checked checkboxes, then use .join() to convert the array to a string
I was going to say something very similar:
var result = "";
$('#div_table input:checked').each(function(item){
result += $(this).val();
});
return result;
you're mixing up a couple of different meathods of working through an array of jQuery elements
$(this).find('td').find("input:checked").each(function ()
{
// you already call a .each() on the inputs
for (var i = 0; i < $(this).length; i++)
{
// $(this).length is always 1 since you're in a .each() loop
str += $(this).val() + ',';
}
return alert(str);
});
notes:
`.find()` will search through all layers of children
`.each()` already iterates through each item
本文标签： jqueryhow to get value of all checkbox in table using javascriptStack Overflow
版权声明：本文标题：jquery - how to get value of all checkbox in table using javascript? - Stack Overflow 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1745279090a2651337.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
发表评论