html单选框和复选框
我想要点击按钮时显示当前选中项，不知道哪里错了，代码如下：<html><head><scriptlanguage="JavaScript">functionshow(){...
我想要点击按钮时显示当前选中项，不知道哪里错了，代码如下：
<html><head><script language="JavaScript">function show(){ var name=document.myform.name.value; alert("姓名"+name); var sex; if(document.myform.sex[0].checked){ sex=document.myform.sex[0].value; }else{ sex=document.myform.sex[1].value; } alert("性别："+sex); var inst=""; for(i=0;i<document.myform.inst.length;i++){ if(document.myform.inst[i].checked){ inst+=document.myform.inst[i].value; alert("兴趣"+inst); }}}</script></head><body ><form action="" method="post" name="myform">姓名：<input type="text" name="name"><br>性别：<input type="radio" name="sex" value="男" checked>男<input type="radio" name="sex" value="女" >女<br>兴趣：<input type="checkbox" name="inst" checked >唱歌<input type="checkbox" name="inst" >游泳<input type="checkbox" name="inst" >游戏<input type="checkbox" name="inst" >跳舞<input type="checkbox" name="inst" >编程<input type="button" value="显示" onClick="show()">
</form></body></html>
然后为什么最后显示兴趣时是这样的： 展开
<html><head><script language="JavaScript">function show(){ var name=document.myform.name.value; alert("姓名"+name); var sex; if(document.myform.sex[0].checked){ sex=document.myform.sex[0].value; }else{ sex=document.myform.sex[1].value; } alert("性别："+sex); var inst=""; for(i=0;i<document.myform.inst.length;i++){ if(document.myform.inst[i].checked){ inst+=document.myform.inst[i].value; alert("兴趣"+inst); }}}</script></head><body ><form action="" method="post" name="myform">姓名：<input type="text" name="name"><br>性别：<input type="radio" name="sex" value="男" checked>男<input type="radio" name="sex" value="女" >女<br>兴趣：<input type="checkbox" name="inst" checked >唱歌<input type="checkbox" name="inst" >游泳<input type="checkbox" name="inst" >游戏<input type="checkbox" name="inst" >跳舞<input type="checkbox" name="inst" >编程<input type="button" value="显示" onClick="show()">
</form></body></html>
然后为什么最后显示兴趣时是这样的： 展开
3个回答
展开全部
单选这样写：<input ID="apple" name="fruit" type="radio" value ="Apple" /><Label for="apple">苹果</Label>
复选：
<input type="checkbox" name="fruit" value ="apple" ID="apple"><Label for="apple">苹果</Label>
如果多项的话，就直接for同样的ID，然后至少“苹果”变了文字而已，这个就是最好的方法了，没其他好的办法了
复选：
<input type="checkbox" name="fruit" value ="apple" ID="apple"><Label for="apple">苹果</Label>
如果多项的话，就直接for同样的ID，然后至少“苹果”变了文字而已，这个就是最好的方法了，没其他好的办法了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
所谓单选按钮自然是一群里面选择一个
所以名字肯能都是一样的只不过是value不一样而已
而上面那个checkbox
你需要自己给他一个value！
所以名字肯能都是一样的只不过是value不一样而已
而上面那个checkbox
你需要自己给他一个value！
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
没说你的要求。。。
个人感觉有两处要改
1.
for(i=0;i<document.myform.inst.length;i++){
if(document.myform.inst[i].checked){
inst+=document.myform.inst[i].value;
alert("兴趣"+inst);
}
改为
for(i=0;i<document.myform.inst.length;i++){
if(document.myform.inst[i].checked){
inst+=document.myform.inst[i].value;
}
alert("兴趣"+inst)
2.
兴趣：<input type="checkbox" name="inst" checked >唱歌
<input type="checkbox" name="inst" >游泳
<input type="checkbox" name="inst" >游戏
<input type="checkbox" name="inst" >跳舞
<input type="checkbox" name="inst" >编程
改为：
兴趣：<input type="checkbox" name="inst" value="唱歌" checked >唱歌
<input type="checkbox" name="inst" value="游泳">游泳
<input type="checkbox" name="inst" value="游戏">游戏
<input type="checkbox" name="inst" value="跳舞">跳舞
<input type="checkbox" name="inst" value="编程">编程
个人感觉有两处要改
1.
for(i=0;i<document.myform.inst.length;i++){
if(document.myform.inst[i].checked){
inst+=document.myform.inst[i].value;
alert("兴趣"+inst);
}
改为
for(i=0;i<document.myform.inst.length;i++){
if(document.myform.inst[i].checked){
inst+=document.myform.inst[i].value;
}
alert("兴趣"+inst)
2.
兴趣：<input type="checkbox" name="inst" checked >唱歌
<input type="checkbox" name="inst" >游泳
<input type="checkbox" name="inst" >游戏
<input type="checkbox" name="inst" >跳舞
<input type="checkbox" name="inst" >编程
改为：
兴趣：<input type="checkbox" name="inst" value="唱歌" checked >唱歌
<input type="checkbox" name="inst" value="游泳">游泳
<input type="checkbox" name="inst" value="游戏">游戏
<input type="checkbox" name="inst" value="跳舞">跳舞
<input type="checkbox" name="inst" value="编程">编程
追问
可以是可以，但是最后兴趣会弹出5次
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
