jquery控制checkbox

选择/取消一组复选框

/**
 * 选择/取消一组复选框
 * @param checkAllId    全选checkboxId
 * @param objName        要操作的一组checkBox的name
 */
function selectGroup(checkAllId,objName) {
    $(‘input[name=‘+objName+‘]‘).prop(‘checked‘, $("#"+checkAllId).prop(‘checked‘));
}

获取选择的一组复选框的值

function getCheckedVal(checkBoxName) {
    var checkedVals = "";
    $("input[name="+checkBoxName+"]:checked").each(function(){
        checkedVals = checkedVals + $(this).val() + ",";
    });
    if(checkedVals != "") {
        //去掉最后的一个“,”
        checkedVals = checkedVals.substring(0, checkedVals.length - 1)
    }
    return checkedVals ;
}

知识扩展:

prop(name|properties|key,value|fn)  返回jquery对象

获取匹配的元素集中第一个元素的属性(property)值或设置每一个匹配元素的一个或多个属性。

attr(name|properties|key,value|fn)  返回string

获取匹配的元素集合中的第一个元素的属性的值 或 设置每一个匹配元素的一个或多个属性。

时间: 2024-10-21 05:31:09

jquery控制checkbox的相关文章

jQuery控制checkbox选中状态但是不显示选中

问题描述:使用jQuery来控制checkbox的选中状态,但是第一次点击出现选中样式,之后点击可以看到checked的属性增加成功但是并没有选 中状态. 问题代码: function chooseAllOrNot(id){ var choose=$("input[name='"+id+"']").attr('checked'); if(choose=='checked'){ $("input[type=checkbox][name='"+id+

jquery控制checkbox全选与全不选

$("#medicineCheck").change(function () { var isChecked=$("#medicineCheck").is(':checked'); //获取所有checkbox组成的数组 var checkedArrs=$("input[name='medicineCheckBox']"); //判断是全选还是反选 if(isChecked){ checkedArrs.each(function(){ $(thi

JQuery操作CheckBox 第二次无法选中的问题

用JQuery做CheckBox全选和反选的时候,遇到一个问题.当用JQ控制全选,全取消一次以后,再次点击全选,发现代码变了,但是CheckBox没有处于选中状态. 百度后得知: 我使用的方法是 $("#id").attr("checked",true); 方式,jQuery API明确说明,1.6+的jQuery要用prop,尤其是checkBox的checked的属性的判断.因此修改为 $("input[type='checkbox']").

jquery 操作checkbox只能使用一次

进来开发中碰到一个比较奇怪的问题,就是用jquery控制界面中的checkbox全选和全不选的时候, 只能第一次成功使用不能重复操作. 代码如下: 全选 $('input:checkbox').each(function(){     $(this).attr('checked',true); }); 全不选 $('input:checkbox').each(function(){     $(this).attr('checked',false); }); 在网上查说是jquery1.8以上存

jQuery 控制勾选和去勾选与杏彩程序出售

input ratio勾选控制,杏彩程序出售(企 娥:217 1793 408) $("#id").prop("checked",true); //勾选 $("#id").prop("checked",false); //去勾选 注意:一定用prop而不是用attr来控制.目前项目使用的jq版本是3.1.1,在这个版本中,类似于: $("#id").attr("checked",&quo

点击tr实现选择checkbox功能,点击checkobx的时候阻止冒泡事件, jquery给checkbox添加checked属性或去掉checked属性不能使checkobx改变状态

给tr添加点击事件,使用find方法查找tr下的所有层级的元素,children只查找下一层级的元素,所以使用find.find的返回值为jquery对象,在这个项目中不知道为什么使用jquery给checkbox添加checked属性或去掉checked属性不能使checkobx改变状态,所以我就把jquery对象转换为DOM对象,怎么转呢?jquery对象[0]或者get(0)就转换成DOM对象,然后直接.checked返回true或false就可以判断checkbox是否选中了.然后判断状

jQuery对checkbox选中和取消选中操作

最近做项目发现jQuery对checkbox的全选和非全选操作只有第一次生效,以后就不生效了,不知道是不是jQuery版本库的问题,最终找到了一个解决方案: 把原来的下面这两句: $('input').attr('checked','checked'); $('input').attr('checked',false); 改成下面的: $('input').prop('checked','checked'); $(this).removeAttr("checked"); 欢迎大神们批评

HTML5 audio元素如何使用js与jquery控制其事件

前言: 每一次遇见问题想到的就是怎么解决?最好的方法还是查询网络媒体,更好的办法是让自己记忆,只有自己理解到了才真正是属于自己.要做一个订单提醒功能,没有使用audio相关的插件,虽然插件无数,还是喜欢自己瞎折腾.(来一些隐形的链接,据说有推广效果,本文原创官网地址:www.pushself.com) 听一个写博客的朋友说周末的博客阅读量明显下降,周末大好时光不出去泡妹子的肯定是有难言之隐的.先来重温一下audio标签的基本属性 定义和用法 <audio> 标签定义声音,比如音乐或其他音频流.

jquery获取checkbox被选中的值

只用一个循环,就可以找出被选中的checkbox的值 var s; $("[name = b]:checkbox").each(function () {                   if (this.checked) {                       s += $(this).val() + "|";                   }               });alert(s); 这样就可以了 jquery获取checkbox被