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获取选中项的value值,需要的朋友可以参考下
主要介绍了jQuery遍历页面所有CheckBox查看是否被选中的方法,涉及jQuery链式操作及针对CheckBox的操作技巧,非常具有实用价值,需要的朋友可以参考下
checkbox全选/取消全选以及checkbox遍历jQuery实现代码
JQuery拿取对象的方式 $(‘#id’) :通过元素的id $(‘tagName’) : 通过元素的标签名 $(‘tagName tagName’) : 通过元素的标签名,eg: $(‘ul li’) $(‘tagName#id): 通过元素的id和标签名 $(‘:checkbox’):拿取...
回调函数里面的i在此处代表input集合传递过去的索引(也就是正在遍历的input元素的索引); 但是这段代码只用到了input集合的索引 <head> <title></title> <script src="jquery-1.9.0.min.js
主要介绍了jQuery实现table表格checkbox全选的方法,结合实例形式分析了jQuery事件响应与元素遍历实现table表格checkbox元素状态动态修改相关操作技巧,需要的朋友可以参考下
jQuery插件只可以用val方法给input标签的text、...而checkbox、radio属性和select标签就无法直接赋值,必须用遍历的方法使对应项选中。 我自己写了一个jQuery的插件,可以直接用setval方法像赋值一样设定选中项。
Jquery代码 代码如下: [removed][removed] [removed] function Checked(){ //定义函数checked $(“.chk”).each(function(){ //遍历html中class为chk的复选框标签 if($(this).attr(“checked”) == true){ //如果...
本压缩包有两个页面和一个jquery库,达到的效果是在页面将checkbox以数组的形式 传递,传递之后用jquery遍历,并比较,最后选中。
aspx页: 代码如下: [removed][removed] [removed] $(function () { $(‘#Checkbox1’).click(function () { if ($(‘#Checkbox1’).is(‘:checked’)) { $(‘td input’).attr(‘checked’, true); } else { $(‘td...
一: DropDownList ——————————————————————————————- 在使用 JQuery 进行遍历操作时, $(“input”).each(function(i) { …… } 当操作对象的类型为 dropdownlist时:(备注:在fire...
jQuery详细教程,讲解很透彻, 一. jQuery 语法实例 $(this).hide() 演示 jQuery hide() 函数,隐藏当前的 HTML 元素。 $("#test").hide() 演示 jQuery hide() 函数,隐藏 id="test" 的元素。 $("p").hide() ...
实现这样一个基本需求,页面有很多数据,可以删除一条或多... //判断是否一个未选 $(“input[name=’selectFlag’]:checkbox”).each(function() { //遍历所有的name为selectFlag的 checkbox if ($(this).attr(“check