而且当要定义一组checkbox的时候,需要指出他们的name值是相同的。
<input type="checkbox" name="box" value="sss1"/>
<input type="checkbox" name="box" value="sss2"/>
<input type="checkbox" name="box" value="sss2"/>
<input type="checkbox" name="box" value="sss2"/>
<input type="checkbox" name="box" value="sss2"/>
<input type="button" name="btnOK" value="确定"/>
<script for = btnOK event=onclick>
var box=document.getElementsByName("box")
var value=""
for (var i=0i<box.lengthi++ ){
if(box[i].checked){ //判断复选框是否选中
value=value+box[i].value + " "//值的拼凑 .. 具体处理看你的需要,
}
}
alert(value)//输出你选中的那些复选框的值
</script>
这样就能解决多选的问题了。
有很多方法可以实现,不过要看你的具体需求,一般可以做成两类题目,选单选的时候显示单选的题目,多选的时候显示多选的题目;如果是想同一个题目变换单选和多选的话可以用Jquery来操作单选和多选的HTML:首先在选项上绑定事件,然后在事件中获取当前选择的是单选还是多选,然后通过类选择器或者标签选择器来获取选项前面的选择按钮组,用循环进行遍历拿到每一个单选/多选按钮,然后用append()方法在拿到的按钮后面添加要变换的按钮,最后把拿到的按钮删掉。
思路就是这样,具体代码需要的话可以后面再贴上。