最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

方便实用的jQuerycheckbox复选框全选功能简单实例_jquery

来源:动视网 责编:小采 时间:2020-11-27 21:14:15
文档

方便实用的jQuerycheckbox复选框全选功能简单实例_jquery

方便实用的jQuerycheckbox复选框全选功能简单实例_jquery: 代码如下:// 主复选框// 子复选框项 代码如下:var $ckAll = $(input[name='ckAll']);var $ckItm = $(input[name='ckItm']);var len = $ckItm.length;$ckAll.click(function() { // 获取$ckAll当前选中状态
推荐度:
导读方便实用的jQuerycheckbox复选框全选功能简单实例_jquery: 代码如下:// 主复选框// 子复选框项 代码如下:var $ckAll = $(input[name='ckAll']);var $ckItm = $(input[name='ckItm']);var len = $ckItm.length;$ckAll.click(function() { // 获取$ckAll当前选中状态


代码如下:
// 主复选框
// 子复选框项



代码如下:
var $ckAll = $("input[name='ckAll']");
var $ckItm = $("input[name='ckItm']");
var len = $ckItm.length;
$ckAll.click(function() {
  // 获取$ckAll当前选中状态,如果选中,其他子复选框则选中,反之则取消
$ckItm.prop('checked',this.checked);
});
$ckItm.click(function() {
// 给b绑定判断事件
var b=$ckItm.filter(":checked").length==len;// 当所选的子复选框个数等于总个数,主复选框则会被选中
// 通过三元运算判断
var flag=$ckAll.prop("checked",b?true:false);
});

文档

方便实用的jQuerycheckbox复选框全选功能简单实例_jquery

方便实用的jQuerycheckbox复选框全选功能简单实例_jquery: 代码如下:// 主复选框// 子复选框项 代码如下:var $ckAll = $(input[name='ckAll']);var $ckItm = $(input[name='ckItm']);var len = $ckItm.length;$ckAll.click(function() { // 获取$ckAll当前选中状态
推荐度:
标签: 全选 示例 实例
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top