jQuery代码,用于在检查行时获取其他列的数据
jQuery code to get data of other columns when the row is checked
这是我的html代码,我想获取选中复选框的行的数据。
HTML
<!DOCTYPE html>
<html>
<body>
<div >
<header>
<h1>
<span>Expand Fed</span>
</h1>
</header>
<h1>
<span>Fed Members </span>
</h1>
<table id="my-table">
<thead>
<tr>
<td>Service Set</td>
<td>Available Devices</td>
<td>Status</td>
<td>Add</td>
</tr>
</thead>
</table>
<footer>
<div>
<input id="so-fedExpand-expand-button" class="button primary" type="submit" value="Expand"/>
<a href="#/_return_to_previous" class="button">Cancel</a>
</div>
</footer>
</div>
</body>
</html>
jQuery
var FedExpandView = (function() {
var EXPAND = '#so-fedExpand-expand-button';
function FedExpandView() {
this.init = function () {
$(EXPAND).on('click', onExpand);
var data = [{ SSet: "Service Set 1", ADevices: '46', Status: "Online"},
{ SSet: "Service Set 2", ADevices: '47', Status: "Online"},
{ SSet: "Service Set 3", ADevices: '48', Status: "Online"}];
$('#my-table').dataTable({
bPaginate : false,
bFilter : false,
bInfo : false,
aaData: data,
aoColumns : [
{mDataProp: 'SSet', id: 'so-fed-ss'},
{mDataProp: 'ADevices', id: 'so-fed-adev'},
{mDataProp: 'Status', id: 'so-fed-status'},
{sDefaultContent: '',
fnRender: function (oObj) {
return '<input type="checkbox" id="so-fed-checkbox" name="select"">';
},
sWidth: '10px', sClass: "icon"}
]
}).rowReordering().
addClass('reorderable');
$('#my-table tbody tr').first().addClass('selected');
this.resume();
}
this.resume = function () {
}
}
return new FedExpandView();
}());
这就是我将静态数据放入表的方式。。。有人能帮我获取其余行的数据吗。。。
试试这个例子
JS-
function checkTable() {
var rowElem;
$('#my-table tr').each(function(idx, elem) {
rowElem = $(elem);
if(rowElem.find('input').is(':checked')) {
console.log('row ' + (idx + 1) + ' is checked');
console.log('data1 is: ' + rowElem.find('.data1').html());
console.log('data2 is: ' + rowElem.find('.data2').html());
}
});
}
HTML
<table id="my-table">
<tr>
<td>
<input type="checkbox">
</td>
<td class="data1">Row1 Data1</td>
<td class="data2">Row1 Data2</td>
</tr>
<tr>
<td>
<input type="checkbox">
</td>
<td class="data1">Row2 Data1</td>
<td class="data2">Row2 Data2</td>
</tr>
<tr>
<td>
<input type="checkbox">
</td>
<td class="data1">Row3 Data1</td>
<td class="data2">Row3 Data2</td>
</tr>
</table>
<button onclick="checkTable()">Check table</button>
Plunker演示
$("#my-table tbody tr").on('click', function (event) {
serviceSets.length = 0;
var rows = $('table tr td :checkbox:checked').map(function () {
return $(this).val();
}).get();
$( rows ).each(function() {
var that = this;
$( Tabledata ).each(function() {
if(that == this.ssid)
{
serviceSets.push(this);
}
});
});
});
相关文章:
- 如何在My chrome扩展中获取其他chrome扩展的DOM访问权限
- 如何使用javascript从同一浏览器下的其他页面获取URL?有可能吗
- 获取李有一个类而没有其他类的索引
- jQuery代码,用于在检查行时获取其他列的数据
- 无法从IE中的data.responseText获取结果,但在其他浏览器中工作
- 在IE8和其他带有javascript的浏览器中获取正文类的标准解决方案是什么
- 可以获取模板实例值,但不能将其用于其他函数
- JavaScript 从其他站点获取数据
- 是否可以在其他文件中获取 AJAX 成功变量的值
- 使用其他javascript文件nodejs和express发送和获取数据 socket.io
- 从日期选择器中获取默认格式的日期,并在jquery UI中转换为其他格式
- jQuery或JavaScript获取靠近其他元素的元素
- EXT JS可以't从其他.js中获取Define
- 如何获取链接内容(innerHTML)并将其作为标题添加到其他链接
- 获取更改跨度的值,使其显示为其他元素
- 如何在使用任何其他数据库的同时,用javascript获取所有mongo数据库的列表
- jQuery获取其他标签's css并将其添加到其他
- 如何获取html页面中所有p和h标记的值,不包括所有其他标记
- 从其他页面获取值
- Onclick事件只对第一个产品起作用,对其他获取的数据不起作用