`
java-mans
  • 浏览: 11440776 次
文章分类
社区版块
存档分类
最新评论

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>

=================================================
jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关获取一组radio被选中项的值
var item = $('input[@name=items][@checked]').val();
获取select被选中项的文本
var item = $("select[@name=items] option[@selected]").text();
select下拉框的第二个元素为当前选中值
$('#select_id')[0].selectedIndex = 1;
radio单选组的第二个元素为当前选中值
$('input[@name=items]').get(1).checked = true;

获取值:
文本框,文本区域:$("#txt").attr("value");
多选框checkbox:$("#checkbox_id").attr("value");
单选组radio: $("input[@type=radio][@checked]").val();
下拉框select: $('#sel').val();

控制表单元素:
文本框,文本区域:$("#txt").attr("value",'');//清空内容
$("#txt").attr("value",'11');//填充内容

多选框checkbox: $("#chk1").attr("checked",'');//不打勾
$("#chk2").attr("checked",true);//打勾
if($("#chk1").attr('checked')==undefined) //判断是否已经打勾

单选组radio: $("input[@type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项
下拉框select: $("#sel").attr("value",'-sel3');//设置value=-sel3的项目为当前选中项
$("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")//添加下拉框的option
$("#sel").empty();//清空下拉框

分享到:
评论

相关推荐

    jquery遍历checkbox的注意事项说明

    本篇文章主要是对jquery遍历checkbox的注意事项进行了说明介绍,需要的朋友可以过来参考下,希望对大家有所帮助

    jquery遍历checkbox介绍

    主要是对jquery遍历checkbox进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助

    Jquery遍历checkbox获取选中项value值的方法

    主要介绍了Jquery遍历checkbox获取选中项的value值,需要的朋友可以参考下

    jQuery遍历页面所有CheckBox查看是否被选中的方法

    主要介绍了jQuery遍历页面所有CheckBox查看是否被选中的方法,涉及jQuery链式操作及针对CheckBox的操作技巧,非常具有实用价值,需要的朋友可以参考下

    checkbox全选/取消全选以及checkbox遍历jQuery实现代码

    checkbox全选/取消全选以及checkbox遍历jQuery实现代码

    jquery 遍历数组 each 方法详解

    JQuery拿取对象的方式 $(‘#id’) :通过元素的id $(‘tagName’) : 通过元素的标签名 $(‘tagName tagName’) : 通过元素的标签名,eg: $(‘ul li’) $(‘tagName#id): 通过元素的id和标签名 $(‘:checkbox’):拿取...

    详解Jquery 遍历数组之$().each方法与$.each()方法介绍

    回调函数里面的i在此处代表input集合传递过去的索引(也就是正在遍历的input元素的索引); 但是这段代码只用到了input集合的索引 &lt;head&gt; &lt;title&gt;&lt;/title&gt; &lt;script src="jquery-1.9.0.min.js

    jQuery实现table表格checkbox全选的方法分析

    主要介绍了jQuery实现table表格checkbox全选的方法,结合实例形式分析了jQuery事件响应与元素遍历实现table表格checkbox元素状态动态修改相关操作技巧,需要的朋友可以参考下

    select checkbox radio项直接赋值jQuery插件

    jQuery插件只可以用val方法给input标签的text、...而checkbox、radio属性和select标签就无法直接赋值,必须用遍历的方法使对应项选中。 我自己写了一个jQuery的插件,可以直接用setval方法像赋值一样设定选中项。

    Jquery 1.42 checkbox 全选和反选代码

    Jquery代码 代码如下: [removed][removed] [removed] function Checked(){ //定义函数checked $(“.chk”).each(function(){ //遍历html中class为chk的复选框标签 if($(this).attr(“checked”) == true){ //如果...

    jsp 复选框传值

    本压缩包有两个页面和一个jquery库,达到的效果是在页面将checkbox以数组的形式 传递,传递之后用jquery遍历,并比较,最后选中。

    Jquery实现三层遍历删除功能代码

    aspx页: 代码如下: [removed][removed] [removed] $(function () { $(‘#Checkbox1’).click(function () { if ($(‘#Checkbox1’).is(‘:checked’)) { $(‘td input’).attr(‘checked’, true); } else { $(‘td...

    JQuery中对服务器控件 DropdownList, RadioButtonList, CheckboxList的操作总结

    一: DropDownList ——————————————————————————————- 在使用 JQuery 进行遍历操作时, $(“input”).each(function(i) { …… } 当操作对象的类型为 dropdownlist时:(备注:在fire...

    jQuery详细教程

    jQuery详细教程,讲解很透彻, 一. jQuery 语法实例 $(this).hide() 演示 jQuery hide() 函数,隐藏当前的 HTML 元素。 $("#test").hide() 演示 jQuery hide() 函数,隐藏 id="test" 的元素。 $("p").hide() ...

    jquery复选框checkbox实现删除前判断

    实现这样一个基本需求,页面有很多数据,可以删除一条或多... //判断是否一个未选 $(“input[name=’selectFlag’]:checkbox”).each(function() { //遍历所有的name为selectFlag的 checkbox if ($(this).attr(“check

Global site tag (gtag.js) - Google Analytics