`
mywebcode
  • 浏览: 998292 次
文章分类
社区版块
存档分类
最新评论

jquery实现复选框多选、单选、全不选功能,很实用

 
阅读更多
head> 
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.min.js"></script> 
<script type="text/javascript"> 
function selectGroup(checkbox,obj) {
 $('input[name='+obj+']').attr('checked', $(checkbox).attr('checked'));
} 
</script> 
</head> 
<body> 
<input type="checkbox" onclick="selectGroup(this,'grp1');" />选中GROUPA<br/> 
GROUPA:<br/>
<input type="checkbox" name="grp1" />11<br/> 
<input type="checkbox" name="grp1" />22<br/> 
<input type="checkbox" name="grp1" />33<br/><br/> 
 
<input type="checkbox" onclick="selectGroup(this,'grp2');" />选中GROUPB<br/>
GROUPB:<br/>
<input type="checkbox" name="grp2" />44<br/> 
<input type="checkbox" name="grp2" />55<br/> 
<input type="checkbox" name="grp2" />66<br/> 
</body> 
</html> 

分享到:
评论

相关推荐

    jQuery表单复选框与单选框美化特效

    jQuery表单复选框与单选框美化特效是一款支持重新选择的单选按钮和多选按钮美化插件。

    jQuery的表单复选框特效.zip

    jQuery表单复选框与单选框美化特效&lt;/title&gt; &lt;link rel="stylesheet" type="text/css" href="css/iconfont.css?3.1.64"/&gt; &lt;link rel="stylesheet" type="text/css" href="css/multiselect.css?3.1....

    jQuery基于layui插件制作checkbox复选框选中代码

    jQuery基于layui插件制作checkbox复选框选中代码,权限范围多选、单选、全选代码;checkbox父级子级结构,父级选中,子级全选,子级没有选中父级取消选中效果。

    jQuery.Sumoselect插件实现下拉复选框效果

    该jQuery下拉列表框插件可以单选,也可以多选。它的样式可以通过CSS文件来自定义。它的最大特点是可以跨设备使用,所有设备上功能都是一致的。 该jQuery下拉列表框插件的特点有: 可以进行单选,也可以进行多选。 ...

    下拉树形复选框

    基于bootstrap, jQuery,ztree的下拉树状复选框

    jQuery获取(选中)单选,复选框,下拉框中的值

    实例如下: 代码如下:&lt;!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”&gt;&lt;html&gt;&lt;head&gt;&lt;title&gt;MyHtml.html&lt;/title&gt; &lt;meta http-equiv=”keywords” ... charset=UTF-8

    js和jquery分别验证单选框、复选框、下拉框

    本文分别介绍了js和jQuery验证单选框(radio)、多选框(checkbox)、下拉框(select),分享给大家供大家参考,具体内容如下 (1).首先说单选框(radio),radio和checkbox一样都是name相同值有多个在获取 radio 值的时候...

    jquery.imgradio:简单的基于图像的单选按钮、复选框和“评级系统”控件

    jquery.imgradio 这个 jQuery 库优雅地用基于图像的控件替换了复选框和单选按钮列表。 如需演示,请查看项目根目录中的 demo.html 或。

    jTableCheckbox:表格行的jQuery插件充当复选框

    用于表行的jQuery插件充当复选框。 它是什么? jTableCheckbox将每个表行变成一个大复选框。 如何使用? 包括然后是jQuery.jTableCheckbox.js 。 还包括一个缩小的脚本。 &lt; script src =" ...

    jQuery表格行全选反选单选代码.zip

    jQuery表格行全选反选单选代码是一款基于tableCheckbox.js插件实现的,鼠标点击表格行时候能选中行内的复选框,且当前行会高亮显示,支持shift多选。

    jquery操作radiocheckboxselect

    关于jquery对于单选按钮,多选按钮,和复选框的不同体现使用。

    jquery对单选框,多选框,文本框等常见操作小结

    一、文本框、单选按钮、复选框、相关操作 代码如下:var sex=$(“input[name=’sex’]:checked”).val(); //获取一组radio被选中项的值 var item=$(“#sel option:selected”).text(); //获取select被选中项的文本...

    customselect:用于将selectsmulti-selects转换为单选输入列表的小插件,具有更改事件和动态添加标记的观察器的复选框输入

    小型插件,用于将选择/多选转换为带有更改事件和观察器的单选输入/复选框输入列表,以动态添加标记 特征 将任何常规选择转换为单选输入列表 将任何多选转换为复选框输入列表 添加下拉功能 添加内联搜索以获取长列表 ...

    CSS3美化表单单选框、复选框代码实例下载

    使用CSS3美化表单单选框、复选框代码实例下载,将单选和多选按钮变成渐变色的圆角方形,将文本输入框变成圆角长形,在与背景风格的映衬下,整体的表单效果要比系统默认的风格好上几百倍,引入了jQuery插件实现的美化...

    Asp.net自定义控件之单选、多选控件

    本文实例为大家分享了Asp.net单选、复选框控件的具体实现代码,供大家参考,具体内容如下 将常用的jquery插件封装成控件也是个不错的选择。 先看看效果: 1.新建类库项目,创建数据源类 [Serializable] public...

    基于chosen插件实现人员选择树搜索自动筛选功能

    2、勾选树右侧树的复选框左侧出现相应的内容 我用到的插件 vue+chosen+ztree vue:组件化的MVVM库 chosen:单选列表和多选列表增强 ztree:基于jquery的树插件 分析 chosen插件已经可以实现1中的大部分效果,...

    react-widgets:一组用于 React 的无状态 ui 小部件

    下拉列表组合框多选SelectList(复选框和单选组) 日期时间选择器日历号码选择器演示和文档迁移:2.0 可以在找到迁移指南安装npm install react-widgets 构建本地文档文档是托管在 gh-pages 上的简单 React 应用...

    fatoggle:用于切换 Font Awesome 图标的 jQuery 插件

    胖乎乎的 用于切换 Font Awesome 图标的 jQuery 插件 用法 $(selector).fatoggle(['fa-play','fa-pause...使用字体真棒图标创建单选和复选框表单元素 为打开和关闭分配事件处理程序 专为 Font Awesome 4.2.0 及更高版本

    jQuery完全实例.rar

    jQuery 的核心功能都是通过这个函数实现的。 jQuery中的一切都构建于这个函数之上,或者说都是在以某种方式使用这个函数。这个函数最基本的用法就是向它传递一个表达式(通常由 CSS 选择器组成),然后根据这个...

    multiple-select-modified

    多重选择是一个jQuery插件,用于使用复选框选择多个元素:)。 要开始使用结帐示例和文档, 安装 npm install multiple-select-modified 与原始版本相比的变化 新的多选选项: okButton布尔标志,设置后将在列表的...

Global site tag (gtag.js) - Google Analytics