js动态添加带参数的onclick事件、在线等！~ 全部
之前是手动给所有的checked事件加上了onclick=“test(this);”事件。网页可以执行了。现在被告知不能这样做，要用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 展开
现在被告知不能这样做，要用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 展开
2个回答
展开全部
<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"));
}
}
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
两种方案：
原生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>
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
