真心求教大神js累加功能的实现，javascript累加鼠标点击次数，超过特定值，alert弹出
具体功能是这样的：基于图片里面这样的表格，点击一次单选按钮，num+1，（已选过的不能再选，有这个功能最好）当点击六次后再点击时alert弹出，分数较少真心求代码，灰常感...
具体功能是这样的：基于图片里面这样的表格，点击一次单选按钮，num+1，（已选过的不能再选，有这个功能最好）当点击六次后再点击时 alert弹出，分数较少真心求代码，灰常感谢
展开
1个回答
展开全部
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
</head>
<body>
<table width="200" border="1" id="clickTest">
<tr>
<td><input type="radio" name="radio1" id="radio1" value="1">1号</td>
<td><input type="radio" name="radio2" id="radio2" value="2">2号</td>
<td><input type="radio" name="radio3" id="radio3" value="3">3号</td>
</tr>
<tr>
<td><input type="radio" name="radio4" id="radio4" value="4">4号</td>
<td><input type="radio" name="radio5" id="radio5" value="5">5号</td>
<td><input type="radio" name="radio6" id="radio6" value="6">6号</td>
</tr>
</table>
<script type="text/javascript">
var _radio = document.querySelectorAll('#clickTest input'),
_number = 0;
if(_radio.length>0){
for(var _i=0;_i<_radio.length;_i++){
_radio[_i].onclick = function(){
_number ++;
this.setAttribute("disabled","disabled");
if(_number == 6){
alert(_number + '次了!!');
}
}
}
}
</script>
</body>
</html>
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
