Jquery获取复选框的方法

转自:http://blog.csdn.net/longyangyangyang/article/details/6128141

html代码:
<input type="checkbox" name="test" value="0"
/>0&nbsp;&nbsp;
<input type="checkbox"
name="test" value="1" />1&nbsp;&nbsp;
<input
type="checkbox" name="test" value="2" />2&nbsp;&nbsp;

<input type="checkbox" name="test" value="3"
/>3&nbsp;&nbsp;
<input type="checkbox"
name="test" value="4" />4&nbsp;&nbsp;
<input
type="checkbox" name="test" value="5" />5&nbsp;&nbsp;

<input type="checkbox" name="test" value="6"
/>6&nbsp;&nbsp;
<input type="checkbox"
name="test" value="7" />7&nbsp;&nbsp;
<input
type="button" onclick="chk()" value="提 交" />

js代码

//通过javascrip方法获取值

function chk(){
var obj=document.getElementsByName(‘test‘);
//选择所有name="‘test‘"的对象,返回数组
//取到对象数组后,我们来循环检测它是不是被选中
var
s=‘‘;
for(var i=0; i<obj.length; i++){

if(obj[i].checked) s+=obj[i].value+‘,‘; //如果选中,将value添加到变量s中
}

//那么现在来检测s的值就知道选中的复选框的值了
alert(s==‘‘?‘你还没有选择任何内容!‘:s);

}

//jquery获取复选框值

//其中push是向数组中添加值
function jqchk(){ 
var chk_value
=[];
$(‘input[name="test"]:checked‘).each(function(){

chk_value.push($(this).val());
});

alert(chk_value.length==0 ?‘你还没有选择任何内容!‘:chk_value);
}

//jquery拼接字符串方法

  1. var str="";

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

  3. str+=$(this).val()+"/r/n";

  4. //alert($(this).val());

  5. })

  6. alert(str);

时间: 2024-10-27 12:26:42

Jquery获取复选框的方法的相关文章

jquery获取复选框checkbox的值

jQuery API : each(callback) :以每一个匹配的元素作为上下文来执行一个函数. :checked :匹配所有选中的被选中元素(复选框.单选框等,不包括select中的option) Js代码 收藏代码 //js获取复选框值 var obj = document.getElementsByName("interest");//选择所有name="interest"的对象,返回数组 var s='';//如果这样定义var s;变量s中会默认被赋

jquery 获取一组元素的选中项 - 函数、jquery获取复选框值、jquery获取单选按钮值

做表单提交时,如果现在还在用form提交,用户体验很差,所以一般使用ajax提交. 其中需要获取每个表单输入元素的值,获取的时候像文本框这些还好说,Jquery提供了 .val() 方法,获取很方便,但是获取复选框和单选按钮的值确比较麻烦. 今天闲来无事封装了一个函数,以后获取复选框和单选按钮的值就只需要调用这个函数,传入jquery选择器就可以了,下面附上函数. 函数 /** * 获取单个或一组输入元素的选中项 * 传入Jquery选择器 * 支持:text,返回:文本 * 支持:hidden

jquery获取复选框(checkbox)的选中值(数组或者单个)

普及jquery的each方法以及javascript的两个数组操作函数push和join each() 方法规定为每个匹配元素规定运行的函数. 语法 $(selector).each(function(index,element)) index - 选择器的 index 位置 element - 当前的元素(也可使用 "this" 选择器) push() 方法可向数组的末尾添加一个或多个元素,并返回新的长度. 语法 arrayObject.push(newelement1,newel

jquery获取复选框的值

勾选checkbox,并把勾选的值显示在某个div中 1 <!DOCTYPE html > 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title> 获取爱好 </title> 6 <meta http-equiv = "content-type" content ="text/html;charset=utf-8" /&

对jquery操作复选框

摘要:jquery操作复选框.使用更简洁易懂,思路清晰,逻辑更明了,很实用 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="jquery-1.11.2.min.js"></script><!--引入jquery-1.11.2.min.js要在最上面--

jQuery 获取多选框值,以及多选框中文的函数实践 by FungLeo

jQuery 获取多选框值,以及多选框中文的函数实践 by FungLeo 前言 本方法是我刚在项目中用的方法.可能有更加好的方法.但我不清楚. 搜索了几个方法,好像都有错误,不知道是别人的错误,还是我的错误.因此,我自己构造了以下方法,便于我在实践中使用. 分享出来,有谬误请大家指出. DOM结构 我的多选框的dom结构,都是下面这种的.都是基础知识,不做过多阐述. <label class="input_checkbox"> <input type="c

不同版本的jquery的复选框checkbox的相关问题

在尝试写复选框时候遇到一个问题,调试了很久都没调试出来,极其郁闷: IE10,Chrome,FF中,对于选中状态,第一次$('#checkbox').attr('checked',true)可以实现 但是当通过代码清除选中,下次再通过代码 $('#checkbox').attr('checked',true) 去选中时 虽然代码中有checked='checked',但是画面表现都没有打勾. 例如如下的代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML

jquery实现复选框全选,全不选,反选中的问题

今天试了一下用jquery选择复选框,本来以为很简单的东西却有bug,于是搜索了一下找到了解决方法. html代码如下(这里没有用任何样式,就没有再放css了): <html> <head> <meta charset="utf-8"> <link rel="stylesheet" href="test_ch5.css" > <title>test_ch5</title> &

jQuery实现复选框全选/全部取消/反选/获得选择的值

本地单文件上传脚本,命名uf 这是在本机上做的测试,利用bpcs_uploader脚本实现,只是进行简单的封装,自动完善云端文件路径. 技术要点:使用dirname获取文件所在目录,使用pwd获取文件完整路径,并作为云端文件路径. #!/bin/bash cur_dir=$(cd "$(dirname "$1")"; pwd) name=$(basename "$1") /home/grm/bin/bpcs_uploader/bpcs_uploa