Toggle Checkboxes on/off

You can write:

$(document).ready(function() {
    $("#select-all-teammembers").click(function() {
        var checkBoxes = $("input[name=recipients\\[\\]]");
        checkBoxes.prop("checked", !checkBoxes.prop("checked"));
    });
});

Before jQuery 1.6, when we only had attr() and not prop(), we used to write:

checkBoxes.attr("checked", !checkBoxes.attr("checked"));

But prop() has better semantics than attr() when applied to "boolean" HTML attributes, so it is usually preferred in this situation.

ref: https://stackoverflow.com/questions/4177159/toggle-checkboxes-on-off

时间: 2024-10-24 15:49:50

Toggle Checkboxes on/off的相关文章

android基础组件---->Checkboxes的使用

由于使用比较简单,这篇博客涵盖Checkboxes和Radio Buttons和Toggle Buttons.好了我们开始今天的学习. 目录导航 Checkboxes的使用 Radio Buttons的使用 Toggle Buttons的使用 测试的源代码 项目结构如下: Checkboxes的使用 复选框允许用户从集合中选择一个或多个选项.通常情况下,你应该给出一个垂直列表中的每个复选框选项.通常情况下,我们通过垂直的列表去展现复选框的选项. 一. 在布局文件中增加CheckBox组件. <L

jquery点击改变class并toggle

<html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript" src="http://www.w3school.com.cn/jquery/jquery-1.11.1.min.js"></script> <style> .bg1 { backgro

Unity3D 之UGUI 切换开关(toggle)

(toggle)开关能够实现通过点击实现开和关. 开关下面有两个游戏元素,一个是背景,一个是文字,背景是开关按钮的背景. 可以通过 Is ON开控制开关的开与关. Group -->分组,能够实现多选框. 创建 一个空游戏对象,添加一个开关组的组件,然后放入到Group里.

伸缩的菜单,用toggle()重写

<!DOCTYPE ><html><head><meta charset="UTF-8"/><title>伸缩的菜单,用toggle()重写</title><style><!--body{ background-color:#ffdee0;}#navigation { width:200px; font-family:Arial;}#navigation > ul { list-style-

复合事件ready,hover,toggle

1.ready 2.hover 3.toggle(fn1,fn2, …)(被废弃) 2.hover(fn(){……},fn(){……}) 示例: $('div').hover(function(){ $(this).html('1'); },function(){ $(this).html('2'); }); 效果: 3.toggle被废弃了,怎么使用类似的效果了,我可以做个计数器的方法来使用. 示例: 代码如下: var flag = 1; //通过计数来实现 $('div').click(f

使用toggle()方法进行显示隐藏

使用toggle()方法进行显示隐藏 这是一个示例: 1 <html> 2 <head> 3 <script type="text/javascript" src="http://keleyi.com/keleyi/pmedia/jquery/jquery-1.10.2.min.js"></script> 4 <script type="text/javascript"> 5 $(doc

UGUI之Toggle使用

Toggle对象是一个开关.一般用于单选,可以用Toggle制作背包的选项卡 在场景中创建Toggle按钮.看看他有Toggle组件 通过Is On属性来控制是否选中,其实是控制Graphic属性中的显示和隐藏, 接下来一步一步完成选项卡的制作,先看看效果 tab1是没有选中的图片 Image是选中后的图片 在tab1上添加Toggle组件,然后把Image拖拽到Graphic属性 这样就制作了一个单选按钮,接着复制3个 但这里我们要的是只能选择tab1的时候.tab2和tab3是隐藏的.但你发

jquery事件切换hover/toggle

1.hover([over,]out) 一个模仿悬停事件(鼠标移动到一个对象上面及移出这个对象)的方法.这是一个自定义的方法,它为频繁使用的任务提供了一种“保持在其中”的状态. 当鼠标移动到一个匹配的元素上面时,会触发指定的第一个函数.当鼠标移出这个元素时,会触发指定的第二个函数.而且,会伴随着对鼠标是 否仍然处在特定元素中的检测(例如,处在div中的图像),如果是,则会继续保持“悬停”状态,而不触发移出事件(修正了使用mouseout事件的一个 常见错误). 参数: over:鼠标移到元素上要

WebGrid Helper with Check All Checkboxes

WebGrid Helper with Check All Checkboxes myEvernote Link Tuesday, September 13, 2011ASP.NET ASP.NET MVC Html Helper jQuery WebMatrix Introduction:           WebGrid helper is one of the helper of ASP.NET Web Pages(WebMatrix) technology included in AS