真心求教大神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>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询