jquery取出复选框中的值采用解块的方法

JavaScript027

jquery取出复选框中的值采用解块的方法,第1张

新建一个html文件，命名为test.html，用于讲解jquery如何获取复选框的值。

2

/6

在test.html文件内，使用input标签创建三个选项，用于测试。

3

/6

在test.html文件中，给三个input标签添加一个共同的name属性，用于下面获得选项对象。

4

/6

在test.html文件中，使用button标签创建一个按钮，给button绑定onclick点击事件，当按钮被点击时，执行getvvv()函数。

5

/6

在js标签内，创建getvvv()函数，在函数内，创建一个空数组arr，用于保存选项的值。通过name获得input选项对象，使用each()方法遍历选项，将获得的值，通过push()方法存进数组中，最后，使用alert()方法输出值。

6

/6

在浏览器打开test.html文件，点击按钮，添加图片，再点击图片，查看结果。

总结：

1

/1

1、使用input标签创建三个选项，用于测试。

2、在js中，创建一个空数组arr，用于保存选项的值。通过name获得input选项对象，使用each()方法遍历选项，将获得的值，通过push()方法存进数组中。

注意事项

“:checked”用于取得选中的选项对象。

1、创建如下结构的测试文件-- Content，-- jquery-1.11.3.min.js，-- JquerySelect.html。

2、【获取】下拉框【选中值】：使用【.val()】。

3、【获取】下拉框【选中文本】：使用【.find("option:selected").text()】。

4、【获取】下拉框选中项的【索引】：使用【.get(0).selectedIndex】。

5、通过【value】值【设置】下拉框的选中项：使用【.val("value值")】。

6、通过【text】值【设置】下拉框的选中项。

7、通过【value】值【删除】下拉框的一个选项。

8、通过【text】值【删除】下拉框的一个选项。

<input type="checkbox" id="box" value="sss1"/>

<input type="checkbox" id="box" value="sss2"/>

<input type="checkbox" id="box" value="sss2"/>

<input type="checkbox" id="box" value="sss2"/>

<input type="checkbox" id="box" value="sss2"/>

<input type="button" name="btnOK" value="确定"/>

<script for = btnOK event=onclick>

var value=""

for (var i=0i<box.lengthi++ ){

if(box[i].checked){ //判断复选框是否选中

value=value+box[i].value + " "//值的拼凑 .. 具体处理看你的需要,

}

}

alert(value)//输出你选中的那些复选框的值

</script>