获取复选框选中的值的方法,多选框选中之后获取选中的值

http://www.itjxue.com  2023-01-06 22:34  来源:未知  点击次数: 

jQuery怎么得到复选框选中的值

用each方法获取,例如:

var?arr?=?'';

$("input[type='checkbox']?:checked").each(function(i,?n){?

????arr[i]?=?$(this).val();

});

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

思路:首先利用name属性值获取checkbox对象,然后循环判断checked属性:如果为true表示被选中,false则表示未选中。

实例演示如下:

1、HTML结构

input?type="checkbox"?name="test"?value="1"/span1/span

input?type="checkbox"?name="test"?value="2"/span2/span

input?type="checkbox"?name="test"?value="3"/span3/span

input?type="checkbox"?name="test"?value="4"/span4/span

input?type="checkbox"?name="test"?value="5"/span5/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、演示效果

怎么获取所有checkbox的值

jquery的遍历方法可以获取复选框所欲的选中值

$("input:checkbox:checked").each(function(index,element)); // 为所有选中的复选框执行函数,函数体中可以取出每个复选框的值

$("input:checkbox:checked").map(function(index,domElement)); // 将所有选中的复选框通过函数返回值生成新的jQuery 对象

实例演示:点击按钮获取checkbox的选中值

创建Html元素

div class="box"

span点击按钮获取checkbox的选中值:/span

div class="content"

input type='checkbox' name='message' value='1'/发送短信

input type='checkbox' name='message' value='2'/发送邮件

/div

input type="button" value="提交"

/div

设置css样式

div.box{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}

div.boxspan{color:#999;font-style:italic;}

div.content{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}

编写jquery代码

$(function(){

$("input:button").click(function() {

text = $("input:checkbox[name='message']:checked").map(function(index,elem) {

return $(elem).val();

}).get().join(',');

alert("选中的checkbox的值为:"+text);

});

});

jquery怎样获取多个复选框的值?

可以参考下面的代码:

$(document).ready(function(){

varchecked=[];

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

$('input:checkbox:checked').each(function(){

checked.push($(this).val());

});

alert(checked);

});

});

扩展资料:

jquery参考函数

$(”元素名称”).html(”bnew?stuff/b”);?给某元素设置内容?

$(”元素名称”).removeAttr(”属性名称”)?给某元素删除指定的属性以及该属性的值?

$(”元素名称”).removeClass(”class”)?给某元素删除指定的样式?

$(”元素名称”).text();?获得该元素的文本?

$(”元素名称”).text(value);?设置该元素的文本值为value

参考资料来源:百度百科-jQuery

excel 如何提取复选框的内容?

Excel表格中提取复选框的内容,首先复选框在工作表中是一个控件,有表单控件和ActiveX控件这两种,如果是表单控件可以用公式提取,如果是ActiveX控件则需要VBA来提取,表单控件操作步骤如下:

将所有表单控件逐个进行“设置控件格式”;

在“设置控件格式”对话框中点击“控制”页签,“单元格链接”依次设置在A列中;

在另一个工作表中输入公式并向下填充:=IF(Sheet1!A1=TRUE,Sheet1!B1,””)

这样勾选复选框后,对应B列的值就会显示在另一个工作表对应的单元格中了。

(责任编辑:IT教学网)

更多

推荐word文章