JS为表格每行添加点击事件

JS为表格每行添加点击事件,第1张

很举灶态简单;辩中不用修改html页面

js如下

window.onload=init;正源

function init(){

var trs=documents.getElmentsByTagName('TR')

for(var i=0i<trs.lengthi++)

trs[i].onclick=doclick

}

function doclick(){

alert(this.innerHTML)

}

你最终的目的应该是想在input按悉顷镇钮上加入点击事件吧,点击后将input的值写入cookie吧,这样

的话,给tr加事件是没有意义的,下面的代码在不引用任何构架的前提下实现的,没有使用jquery

也没有使用ExtJS,相对比较麻烦些,希望你能看懂,如果用jquery的话,更简单了,这里就不写了

function writeCookie(name, value) {

// 写入cookie的代码你自己去实现

}

var rows = new Array() // 这个表格行的数组你自己组织吧,我这里只是定义一个简单的js数组,你可以从后台乎搏取这个值

// 先生成HTML代码,输出到网页上,这样才用JS绑定事件

var strHTML = ''

for(var i=0 i<rows.length i++) {

strHTML='<tr>' +

'<td><input id='btn_" + i + "' type="hidden" value='" + rows[i].id + "' /></td>' +

'<td>无关紧要的内容</td>' +

'</tr>'

}

document.writeln(strHTML)

// 绑定事件

for (var i=0 i<rows.length i++) {

var btnName = 'btn_' + i

var e = document.getElementById(btnName)    // 循环取出每个按钮对象

var value = e.value   睁粗          // 取出按钮的值

e.onclick = function() {

writeCookie(btnName, value)     // 以btnName作为键名,将按钮的值写入cookie

}

}

你的完成代码是什么,onclick触发的的JS方法是什么,传的参数是什么,是固定的还是不同的毁握

如果是固定的,纤旁庆那点哪一行,肯定都一样,

看你的代码 行的ID="DemandInfo" 这样如果你在后台去用jquery赋方法:如下

$("#DemandInfo").click(fucntion(){})

这个代码只能解决抓取到的第一个tr,因为网页中id是唯一的,抓取到第一个就不会再抓取了

如果把id改成 class="启念DemandInfo" 用如下方法赋值就可以了

$(".DemandInfo").click(fucntion(){})

这样抓取的就是所有的tr


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11973717.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-20
下一篇 2023-05-20

发表评论

登录后才能评论

评论列表(0条)

保存