怎么获得js获取复选框的选中的值?

JavaScript013

怎么获得js获取复选框的选中的值?,第1张

if(box[i].checked){

//判断复选框是否选中

value=value+box[i].value

+

//值的拼凑

..

具体处理看你的需要,}}alert(value)//输出你选中的那些复选框的值

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】值【删除】下拉框的一个选项。

1、获取复选框被选中值

<input type="button" id="btn5" value="获得选中的所有值">

<input type="text" name="dd" id="dd" size="50" />

$("#btn5").click(function(){

var str=""

$("[name='checkbox'][checked]").each(function(){

str+=$(this).val()+","

})

$("#dd").val(str)

})

JQuery获取被选中复选框checkbox的个数

通过jQuery获取checkbox选中项的个数,需要用到jQuery的size()方法或length属性,下面的例子是通过length属性获得checkbox选中项的个数

<ul>

<li><input type="checkbox" name="test" />看电视</li>

<li><input type="checkbox" name="test" />看电影</li>

<li><input type="checkbox" name="test" />上网</li>

<li><input type="checkbox" name="test" />爬山</li>

<li><input type="checkbox" name="test" />游乐场</li>

<li><input type="checkbox" name="test" />逛街</li>

<li><input type="checkbox" name="test" />聚会</li>

</ul>

<p>

<input type="button" id="count" value="有多少CheckBox被选中了?" />

<script type="text/javascript">

$(document).ready(function(){

$('input[type=checkbox]').click(function(){

$(this).attr('disabled','disabled')

if($("input[name='test']:checked").length >= 3)

{ $("input[name='test']").attr('disabled','disabled')}})

$("#count").click(function(){$('input').live('click',function(){    

alert($('input:checked').length)

})})})

</script>

效果如图:

扩展资料:

JS日常用途

嵌入动态文本于HTML页面。

对浏览器事件做出响应。

读写HTML元素。

在数据被提交到服务器之前验证数据。

检测访客的浏览器信息。

控制cookies,包括创建和修改等。

基于Node.js技术进行服务器端编程。