如何用js读取复选框的值?

JavaScript06

如何用js读取复选框的值?,第1张

思路:首先利用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)