jquery获取checkbox的值以及判断是否没选择

核心代码

 代码如下 复制代码

if($("input[name='checkbox']:checkbox:checked").length>0){
      box = '';
      $("input[name='checkbox']:checkbox:checked").each(function(){
        box += $(this).val()+',';
      })
    }else{
      alert('没有选择');
      return false;
}

 代码如下 复制代码

<input type="checkbox" name="sex" value="男" />男
<input type="checkbox" name="sex" value="女" />女
<input type="checkbox" name="sex" value="Unknow" />Unknow
<input type="button" value="ShowSelectedValue" id="showValue" />
$(function () {
$("#showValue").click(function () {
$(":checkbox[name='sex'][checked]").each(function () {
alert($(this).val());
});
})
});

完整实例

 代码如下 复制代码

 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
 <html> 
 <head> 
 <title>JS获取复选框被选中的值</title> 
 </head> 
 <body> 
 <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="提  交" /> 
 </body> 
 </html

<mce:script type="text/javascript"><!--
 
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); 

 
function jqchk(){  //jquery获取复选框值 
  var chk_value =[]; 
  $('input[name="test"]:checked').each(function(){ 
   chk_value.push($(this).val()); 
  }); 
  alert(chk_value.length==0 ?'你还没有选择任何内容!':chk_value); 

时间: 2024-10-04 21:22:52

jquery获取checkbox的值以及判断是否没选择的相关文章

jquery获取checkbox的值并post提交

 废话不多说,直接奉上代码:   代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script> </head> <body> &

使用jquery获取radio的值

 使用jquery获取radio的值,最重要的是掌握jquery选择器的使用,在一个表单中我们通常是要获取被选中的那个radio项的值,所以要加checked来筛选,比如有以下的一些radio项: 1.<input type="radio" name="testradio" value="jquery获取radio的值" />jquery获取radio的值 2.<input type="radio" na

jQuery获取checkbox选中的值_jquery

1.问题背景 有几个多选框,选择其中的几个,获取选中的值 2.设计结果如下图所示: 3.设计源码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">

jQuery获取多种input值的简单实现方法_jquery

获取input的checked值是否为true: 第一种: if($("input[name=item][value='val']").attr('checked')==true) //判断是否已经打勾 --注:name即控件name属性,value即控件value属性 第二种: 可以不指定属性值,因一组checkbox的value值都会保存其在数据库中对应的id,最好写成如下方式: if($("input[name=row_checkbox]").attr('ch

如何用Jquery获取checkbox多个选项?

问题描述 如何用Jquery获取checkbox多个选项,循环输出结果.  问题补充:我试了,IE,360可以支持,但是火狐不行.这样写才可以:<br /><pre name="code" class="java"> $("#btn5").click(function(){//输出选中的值 var str=""; var abc = $(":checkbox:checked").ea

JQuery设置checkbox的值,取checkbox的值,设置radio的值,取radio的值,设置下拉选select的值,取select的值

 一.复选框设置参数 html代码如下: <div class="flsm_btns">         <input type="hidden" name="agreeFlagValue" id="agreeFlagValue"          value="${copyRight.agreeFlag}"/>         <input type="chec

jquery获取元素索引值index()方法

 这篇文章主要介绍了jquery获取元素索引值index()方法,需要的朋友可以参考下 jquery获取元素索引值index()方法:   jquery的index()方法 搜索匹配的元素,并返回相应元素的索引值,从0开始计数.    如果不给 .index() 方法传递参数,那么返回值就是这个jQuery对象集合中第一个元素相对于其同辈元素的位置.  如果参数是一组DOM元素或者jQuery对象,那么返回值就是传递的元素相对于原先集合的位置.  如果参数是一个选择器,那么返回值就是原先元素相对

利用jquery获取checkbox描述文本

要利用jquery获取checkbox的文本描述,用下面语句就可以了. $("#knowfrom").find("input[type='checkbox']:checked").siblings().text(); 实例二 <td><input id= name="knowfrom" type="checkbox" value="" /> <label>tv</l

javascript-关于jquery 获取data属性值的问题

问题描述 关于jquery 获取data属性值的问题 <ul class="pics"> <li><a id="img1" href="javascript:choose(1);" title="梦幻玫瑰套装" data-img="1.png">梦幻玫瑰套装</a></li> </ul> function choose(index){