随笔-59  评论-31  文章-0  trackbacks-0
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 
<head>
  
<title> New Document </title>
  
<meta name="Generator" content="EditPlus">
  
<meta name="Author" content="">
  
<meta name="Keywords" content="">
  
<meta name="Description" content="">
 
</head>
    
<script type="text/javascript" src="jquery.js"></script>
    
<script type="text/javascript">

        
function go() {
            
var str="";
            $(
"input[name='checkbox']:checkbox").each(function(){ 
                
if($(this).attr("checked")){
                    str 
+= $(this).val()+","
                }
            })
            
//alert(str);
            str.split(",");
            alert(str[
0]);
        }
    
</script>
 
<body>
  
<div>
    
<input type="text" id="content" value="111"/>
    
<input type="checkbox" name="checkbox" value="1"/>
    
<input type="checkbox" name="checkbox" value="2"/>
    
<input type="checkbox" name="checkbox" value="3"/>
    
<input type="checkbox" name="checkbox" value="4"/>
    
<input type="checkbox" name="checkbox" value="5"/>
    
<input type="button" id="test" onclick="go();"/>
  
</div>
 
</body>
</html>
posted on 2012-03-02 09:40 RoyPayne 阅读(88767) 评论(21)  编辑  收藏 所属分类: 前台技术相关(js,jquery等)

评论:
# re: jquery取checkbox选中的值 2013-05-02 08:51 | 54
543  回复  更多评论
  
# re: jquery取checkbox选中的值 2013-08-13 15:29 | 不好用啊~!!!
不好用啊~!!!不好用啊~!!!不好用啊~!!!不好用啊~!!!不好用啊~!!!  回复  更多评论
  
# re: jquery取checkbox选中的值 2014-01-23 14:01 | 黎可
根本不对。。。。。  回复  更多评论
  
# re: jquery取checkbox选中的值[未登录] 2014-02-27 22:33 | aa
哪不对? 2货真多  回复  更多评论
  
# re: jquery取checkbox选中的值 2014-03-18 18:02 | 蛐蛐
function go() {
var str="";
$("input[name='checkbox']:checkbox").each(function(){
str += $(this).val()+","
})
alert(str);
}  回复  更多评论
  
# re: jquery取checkbox选中的值[未登录] 2014-05-05 17:37 | 123
123  回复  更多评论
  
# re: jquery取checkbox选中的值[未登录] 2014-05-05 17:38 | 三季稻
哪不对,二货真多  回复  更多评论
  
# re: jquery取checkbox选中的值[未登录] 2014-05-05 23:26 | zxc
$("input[type='checkbox']").each(function (){
if($(this).is(":checked")){
str += $(this).val()+",";
}
})  回复  更多评论
  
# re: jquery取checkbox选中的值 2014-08-14 11:11 | 雷锋
@三季稻
现在checkbox使用prop判断的,不是attr  回复  更多评论
  
# re: jquery取checkbox选中的值[未登录] 2014-09-15 17:16 | 111
@aa
傻比  回复  更多评论
  
# re: jquery取checkbox选中的值[未登录] 2014-09-15 17:17 | 111
@三季稻
傻逼  回复  更多评论
  
# re: jquery取checkbox选中的值 2014-09-29 17:18 | 134
qwer  回复  更多评论
  
# re: jquery取checkbox选中的值[未登录] 2014-12-02 17:53 | 啦啦啦
var s='';
$('input[name="authorityName"]:checked').each(function(){
s+=$(this).val()+',';
});   回复  更多评论
  
# re: jquery取checkbox选中的值 2015-05-23 16:10 | @123
好用!!  回复  更多评论
  
# re: jquery取checkbox选中的值[未登录] 2015-05-29 09:46 | lucky
确实不对,你这个是遍历,都没搞懂  回复  更多评论
  
# re: jquery取checkbox选中的值 2015-07-08 15:36 | 丁启阳
你这写的确实不对。
<input id="chk1" type="checkbox" />是否可见
<input id="chk2" type="checkbox" checked="checked" />是否可见
像checkbox,radio和select这样的元素,选中属性对应“checked”和“selected”,这些也属于固有属性,因此需要使用prop方法去操作才能获得正确的结果。

$("#chk1").prop("checked") == false
$("#chk2").prop("checked") == true
如果上面使用attr方法,则会出现:

$("#chk1").attr("checked") == undefined
$("#chk2").attr("checked") == "checked"  回复  更多评论
  
# re: jquery取checkbox选中的值 2015-08-19 14:11 | ss
@丁启阳
!3q  回复  更多评论
  
# re: jquery取checkbox选中的值 2016-01-25 14:08 | eee
var ids="";
$("input[type='checkbox']:checked").each(function(){
ids+=","+$(this).val();
})  回复  更多评论
  
# re: jquery取checkbox选中的值 2016-02-03 19:52 | 大侠
@eee
你是对的!
楼主的错的!  回复  更多评论
  
# re: jquery取checkbox选中的值 2016-03-15 15:23 | haifengche
楼主是想跟大家分享如何获取多个被选中的checkbox的值。不过写法确实有错误。都是好心就不要吵了。那些连看都看不懂的人就悄悄的吧。写法虽然有错误,也是早期的语法,这都看不懂,对的你一样看不懂。  回复  更多评论
  
# re: jquery取checkbox选中的值 2016-03-15 15:26 | haifengche
给你们一个标准的
var roleitem = "";
$("input[name='checkbox']").each(function(){
if($(this).prop("checked")){
if(roleitem == ""){
roleitem += $(this).val();
}
else{
roleitem += ","+$(this).val();
}
}
})  回复  更多评论
  

只有注册用户登录后才能发表评论。


网站导航:
博客园   IT新闻   Chat2DB   C++博客   博问