PHP开发笔记 - Powered by Discuz! Board

标题: jquery 遍历checkbox [打印本页]

作者: xiexie 时间: 2014-1-27 15:01 标题: jquery 遍历checkbox

jquery 遍历checkbox
var a="";
  $('input[type="checkbox"][name="chk"]:checked').each(
            function() {
                     a=a+"|"+$(this).val();
            }
         );
  $('input[type="checkbox"][name="chk"]').each(
            function() {
                     a=a+"|"+$(this).val();
            }
         );

JQuery操作checkbox、radio例：将多个选中的checkbox的值组装成一个字符串
<script type=text/javascript>
function addMem(){
//var followers = document.getElementsByName("followers");
var f_str = '0';
$("input[@name='followers']").each(function(){
if($(this).attr("checked")==true){
f_str += ","+$(this).attr("value");
}
})
alert(f_str);
}
</script>
=====================
例：取选中的radio的值
var gender = $('input[@name=gender][@checked]').val();
=====================
转别人的一些东西：
jquery判断checkbox是否被选中
在html的checkbox里，选中的话会有属性checked="checked"。
如果用一个checkbox被选中，alert这个checkbox的属性"checked"的值alert($"#xxx".attr("checked"))，会打印出"true"，而不是"checked"！
如果没被选中，打印出的是"undefined"。觉得很奇怪是吗？继续看下去～
不要尝试去做这样的判断：if($"#xxx".attr("checked")=="true")
因为这么做是错的，jQuery的API手册上写，attr(name)的返回值是object。
所以，应该是if($"#xxx".attr("checked")==true)
====================================
jquery全选/取消选择checkbox示例：
<input type="checkbox"Double click to hide line number.">

<script type="text/javascript">
<!--
$(function() {
$("#checkedAll").click(function() {
if ($(this).attr("checked") == true) { // 全选
$("input[@name='checkbox_name[]']").each(function() {
$(this).attr("checked", true);
});
} else { // 取消全选
$("input[@name='checkbox_name[]']").each(function() {
$(this).attr("checked", false);
});
}
});
});
//-->
</script>

欢迎光临 PHP开发笔记 (http://phpvi.com/)