js多选题判断

JavaScript012

js多选题判断,第1张

首先指出你页面写错的一个地方,页面标签的id一般都不能重复。

而且当要定义一组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()方法在拿到的按钮后面添加要变换的按钮,最后把拿到的按钮删掉。

思路就是这样,具体代码需要的话可以后面再贴上。