思路:首先利用name属性值获取checkbox对象,然后循环判断checked属性:如果为true表示被选中,false则表示未选中。
实例演示如下:
1、HTML结构
<input type="checkbox" name="test" value="1"/><span>1</span><input type="checkbox" name="test" value="2"/><span>2</span>
<input type="checkbox" name="test" value="3"/><span>3</span>
<input type="checkbox" name="test" value="4"/><span>4</span>
<input type="checkbox" name="test" value="5"/><span>5</span>
<input type='button' value='提交' onclick="fun()"/>
2、javascript代码
function fun(){obj = document.getElementsByName("test")
check_val = []
for(k in obj){
if(obj[k].checked)
check_val.push(obj[k].value)
}
alert(check_val)
}
3、演示效果
if(box[i].checked){//判断复选框是否选中
value=value+box[i].value
+
//值的拼凑
..
具体处理看你的需要,}}alert(value)//输出你选中的那些复选框的值
纯JS
var e = document.getElementById("form-field-select-4")alert(getSelectValues(e))
// Return an array of the selected opion values
// select is an HTML select element
function getSelectValues(select) {
var result = []
var options = select && select.options
var opt
for (var i=0, iLen=options.length i<iLen i++) {
opt = options[i]
if (opt.selected) {
result.push(opt.value || opt.text)
}
}
return result
}
JQuery
var selectedValues = []$("#form-field-select-4 :selected").each(function(){
selectedValues.push($(this).val())
})
alert(selectedValues)