今天在做一个题的时候,弄了半天也没搞出来,最终发现,是几个细小的地方平常没有注意,现在总结起来,以后注意点:
原题是这样的:只能添加js代码,实现弹框显示选择的内容。
<body>
<form name="form1">
<input type="radio" name="radioGroup"value="1"/>
<input type="radio" name="radioGroup"value="2"/>
<input type="radio" name="radioGroup"value="3"/>
<input type="radio" name="radioGroup"value="4"/>
<input type="radio" name="radioGroup"value="5"/>
<input type="radio" name="radioGroup"value="6"/>
<input type="submit"id="submitBtn" value="提交"/>
</form>
</body>
我开始的代码是:
<script type="text/javascript">
window.onload = function aa(){
document.getElementById("submitBtn").click=function aa1(){
var data1 = document.getElementByName("radioGroup");
for(var i=0;i<data1.length;i++){
if(data1[i].checked){
alert (data1[i].value);
}
}
}
}
//-->
</script>
果断不行啊,各种百度,后来解决;问题是把onclick写成了click,把getElementByNames写成了Elements,成功运行!!(可能是jquery里面用click习惯了吧)
<script type="text/javascript">
window.onload = function aa(){
document.getElementById("submitBtn").οnclick=function aa1(){
var data1 = document.getElementsByName("radioGroup");
for(var i=0;i<data1.length;i++){
if(data1[i].checked){
alert (data1[i].value);
}
}
}
}
//-->
</script>
多多注意啊,都是细节决定成败啊!