js动态添加带参数的onclick事件、在线等!~ 全部

之前是手动给所有的checked事件加上了 onclick=“test(this);”事件。网页可以执行了。
现在被告知不能这样做,要用js添加onclick事件,但是找了半天都是不带参数的,我这个带参数的,怎么弄啊~ 新手求教。下面是我现在测试代码:(原代码太多了,不好复制上来)
<script>
function test(checkbox) {
if (checkbox.checked == true) {
alert("y");
}
else {
alert("N");
}
}
</script>
</head>
<body>
<form id="form1" runat="server">

<div>
<input type="checkbox" title="[1]ceshi" id="1" onclick="test(this);"/>[1]测试
<input type="checkbox" title="[2]ceshi" id="2" onclick="test(this);"/>[2]测试
<input type="checkbox" title="[3]ceshi" id="3" onclick="test(this);"/>[3]测试
<input type="checkbox" title="[4]ceshi" id="4" onclick="test(this);"/>[4]测试
<input type="checkbox" title="[5]ceshi" id="5" onclick="test(this);"/>[5]测试
</div>
</form>
</body>
</html>
</script>
还有个问题,我只想给[1]测试,[2]测试,[3]测试,[4]测试,[5]测试 这些checkbox加上onclick事件~~~
<input type="checkbox" title="[1]ceshi" id="1" onclick="test(this);"/>[1]测试
<input type="checkbox" title="[2]ceshi" id="2" onclick="test(this);"/>[2]测试
<input type="checkbox" title="[3]ceshi" id="3" onclick="test(this);"/>[3]测试
<input type="checkbox" title="ceshi" id="6" onclick="test(this);"/>xxxxx
<input type="checkbox" title="ceshi" id="7" onclick="test(this);"/>xxxxx

第1个回答  2015-05-28
<body onload="init()">
<div id="check_list">
<input type="checkbox" value="1" />测试1
<input type="checkbox" value="2" />测试2
<input type="checkbox" value="3" />测试3
<input type="checkbox" value="4" />测试4
<input type="checkbox" value="5" />测试5
<input type="checkbox" value="6" />测试6
<input type="checkbox" value="7" />测试7
</div>
</body>

function init(){
var list = document.getElementById("check_list");
list.onclick =function(e){
e = e ? e : window.event;
var target = e.target || e.srcElement;
if(target.value < 6){
alert(target.value + ":" + (target.checked ? "Y" : "N"));
}

}
}

第2个回答  2015-05-28

两种方案:

原生js 

    <script>

                window.onload = function () {

                    var checkbox = document.getElementById("tvwOrdinaryn10CheckBox");

                    a.attachEvent("click", checkboxOnclick);

                }

                function checkboxOnclick(checkbox){

    //代码

    }

    </script>

jQuery 

<script>

        $(function(){

                 var checkbox = $("#tvwOrdinaryn10CheckBox");

                checkbox.unbind("click");

                checkbox.bind("click",checkboxOnclick);

        })

            function checkboxOnclick(checkbox){

//代码

}

</script>

本回答被提问者和网友采纳

js动态添加带参数的onclick事件、在线等!~ 全部
测试1测试2测试3测试4测试5测试6测试7function init(){var list = document.getElementById("check_list");list.onclick =function(e){e = e ? e : window.event;var target = e.target || e.srcElement;if(target.value < 6){alert(target.value...

js动态添加的DIV中的onclick事件简单实例
最简单的是这样:动态添加onclick事件:var bObj=document.getElementById("bu");bObj.onclick= objclick;function objclick(){alert(this.value)}; 如果使用匿名函数 function(){},则如下面所示:var bObj

用js动态增加的控件如何添加onclick方法?
var ui =document.getElementById(e); ui.style.visibility="hidden"; \/\/ 加上这段就可以了 newNode.onclick = function(){ container.removeChild(this); ui.style.visibility="visible"; }}

js设置onclick事件
1. 获取要添加事件的元素。2. 使用`addEventListener`方法或直接在元素上设置`onclick`属性来绑定事件处理函数。详细解释:获取元素 在网页中,你需要先找到你想要添加onclick事件的元素。这可以通过各种方法实现,例如使用`document.getElementById`、`document.querySelector`或`document.getElementsByTagName...

JS设置onClick事件
在JavaScript中,为HTML元素设置onClick事件有两种常见的方法。首先,你可以在HTML代码中直接嵌入JavaScript,为元素添加自定义行为。例如,对于一个输入框,你可以这样编写: 在这个例子中,当用户点击文本框时,会弹出一个警告框显示1。然而,另一种方式是将事件处理逻辑完全保留在JavaScript中,这样可以使...

js动态给一个select添加onclick事件
假设select的id是'sel'var fn=function(){ \/\/你的click事件调用的函数 };var el=document.getElementById('sel');el.addEventListener?el.addEventListener('click', fn, false):el.attachEvent?el.attachEvent('onclick', fn):el['onclick']=fn;

JS设置onClick事件
alert(1)} 只在js中设置第二种方法是只在js中设置,这是测试页面 html代码可以更加纯粹,不用写onclick 在js代码中,先找到这个元素,再去绑定一个事件 window.onload = function() { document.getElementById("text").onclick = function() { alert(1)} } 也可以实现这个效果 ...

js动态加载事件的几种方法总结_javascript技巧
有些时候需要动态加载javascript事件的一些方法往往我们需要在 JS 中动态添加事件,这就涉及到浏览器兼容性问题了,以下谈及的几种方法,我们也常常混合使用。方法一、setAttributevar obj = document.getElementById("obj");obj.setAttribute("onclick", "javascript:alert('测试');");这里利用 ...

js动态加载的a标签的onclick事件参数传递,一直报Uncaught SyntaxError...
href="javascript:void(0)" onclick="download.downLoadFileInfo('\\"+{{= fileUrl}}+\\"')">下载找了下,是jquery-tmpl模板 直接用下面代码即可:下载

js如何为动态添加进来的a超级链接元素添加click事件函数
这个很简单 如果楼主有jq只需要 (document).on("click","a",function(){ alert("我是被监听的a标签")})如果楼主没有引入jq 那么下面给楼主写一份原生js监听 <!DOCTYPE html>\/\/添加事件可以使用addEventListener 或者 attachEvent下面使用传统事件添加 document.onclick=function(){var e=null;if(wi...

相似回答