表格里tr上有checkbox,checkbox上有onclick带参数的事件。现在的问题是通过脚本得到该checkbox上的onclick事件后如何给到tr的onclick上?(不能直接在tr上写onclick)高手帮忙啊?!现在已经获取到checkbox上的onclick事件了,alert的话可以看到是正确的,但是脚本里就是不执行?下面代码是个简单的例子:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb18030" />
<title>Untitled Document</title>
<script type="text/javascript" language="javascript">
function chkonclick(o)
{
var tt=o.getElementsByTagName("input");
for(var i=0;i<tt.length;i++)
{
if(tt[i].type=="checkbox")
{
var ocka=tt[i].onclick;
ocka+="";
var str=ocka.substring(23,ocka.length-1);
if(ocka.indexOf("abc")=="23")
{
alert(str); //可以得到正确的方法
str; //这样为什么不行呢?该怎么办才可以?
abc("这是测试的^_^"); //如果直接把方法写在这里就可以。
}
}
}
}function onctr(o)
{
var t=document.getElementById(o).getElementsByTagName("tr");
for(var i=0;i<t.length;i++)
{
t[i].onclick=function()
{
chkonclick(this);
}
}
}
function abc(str)
{
alert(str);
}
</script>
</head><body><table width="90%" border="1" cellspacing="1" cellpadding="1" id="datatable">
<tr>
<td><input type="checkbox" onclick="abc(0)" value="0" /></td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td><input type="checkbox" onclick="abc(1)" value="1" /></td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
<script language="javascript" type="text/javascript">
onctr("datatable");
</script>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb18030" />
<title>Untitled Document</title>
<script type="text/javascript" language="javascript">
function chkonclick(o)
{
var tt=o.getElementsByTagName("input");
for(var i=0;i<tt.length;i++)
{
if(tt[i].type=="checkbox")
{
var ocka=tt[i].onclick;
ocka+="";
var str=ocka.substring(23,ocka.length-1);
if(ocka.indexOf("abc")=="23")
{
alert(str); //可以得到正确的方法
str; //这样为什么不行呢?该怎么办才可以?
abc("这是测试的^_^"); //如果直接把方法写在这里就可以。
}
}
}
}function onctr(o)
{
var t=document.getElementById(o).getElementsByTagName("tr");
for(var i=0;i<t.length;i++)
{
t[i].onclick=function()
{
chkonclick(this);
}
}
}
function abc(str)
{
alert(str);
}
</script>
</head><body><table width="90%" border="1" cellspacing="1" cellpadding="1" id="datatable">
<tr>
<td><input type="checkbox" onclick="abc(0)" value="0" /></td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td><input type="checkbox" onclick="abc(1)" value="1" /></td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
<script language="javascript" type="text/javascript">
onctr("datatable");
</script>
</body>
</html>
解决方案 »
- JSP中写的javascript代码中的函数没反应,怎么回事啊?
- 求 javascript 格式书籍
- 利用js,在jsp页面,自动插入文字,并按规则显示,消失
- 请解释一下jquery中 ajaxComplete这个函数怎么用,网上的信息太少了,谢谢
- 菜鸟问题,Javascript和html之间传递参数
- ztree 勾选状态 问题 大家帮看下在线 谢谢了 有图有真相
- JavaScript客户端读写Cookie问题:为什么在/下的Cookie和/Mail下的Cookie不通用?
- 求救:关于SELECT的事件
- 带图片的下拉列表如何实现,谢谢
- 谁用过百度的Echats 帮下吗 谢谢了
- 救急???
- 1.html 如何把 2.html全包进来
<body><table width="90%" border="1" cellspacing="1" cellpadding="1" id="datatable">
<tr>
<td><input type="checkbox" onclick="alert(0)" value="0" /></td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td><input type="checkbox" onclick="alert(1)" value="1" /></td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
<script language="javascript" type="text/javascript">
var checkboxs = document.getElementsByTagName('input');
for(var i=0; i<checkboxs.length; i++){
if(checkboxs[i].type=="checkbox"){
checkboxs[i].parentNode.parentNode.onclick = checkboxs[i].onclick ;
}
}
</script>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb18030" />
<title>Untitled Document</title>
<script type="text/javascript" language="javascript">
function chkonclick(o)
{
var tt=o.getElementsByTagName("input");
for(var i=0;i<tt.length;i++)
{
if(tt[i].type=="checkbox")
{
tt[i].onclick();
}
}
}function onctr(o)
{
var t=document.getElementById(o).getElementsByTagName("tr");
for(var i=0;i<t.length;i++)
{
t[i].onclick=function()
{
chkonclick(this);
}
}
}
function abc(str)
{
alert(str);
}
</script>
</head><body><table width="90%" border="1" cellspacing="1" cellpadding="1" id="datatable">
<tr>
<td><input type="checkbox" onclick="abc(0)" value="0" /></td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td><input type="checkbox" onclick="abc(1)" value="1" /></td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
<script language="javascript" type="text/javascript">
onctr("datatable");
</script>
</body>
</html>