下拉复选框

下拉复选框里面的选项很多,使用自带的全选,查询全表使得SQL很慢的 ,现在想把自带的全选功能去掉,在选项中添加一个全选,想要实现选择全选的时候,其他的选项都取消选中,当没有选择全选的时候,其他的选项可以正常的多选。

选项大概这个样子

image.png

有大佬知道 这个JS该怎么写吗?

我现在写的js只能取消选中,选不到全选选项

var ck_all = this.ck_el_array;

console.log("ck_all: ",ck_all);

$.each(this.ck_el_array, function(i, item) {

if (item.isSelected() && item.options.value == '全选'  ) {

console.log(ck_all.length);

for (var a = 0; a < ck_all.length; a++) {

//取消选中

ck_all[a].setSelected(false);

console.log("a: ",a);

}

//选中 全选 选项

//ck_all[0].setSelected(false);

console.log('ck_all[0].options.value: ',ck_all[0].options.value);

return true;

}

});

FineReport pengfuqiang96 发布于 2021-3-11 17:16 (编辑于 2021-3-11 17:18)
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共4回答
最佳回答
0
pengfuqiang96Lv7初级互助
发布于2021-10-14 17:12

改了设计 没有用复选框了 用的单选框

最佳回答
0
wangfutaoLv5初级互助
发布于2021-3-11 17:20

ck_all[a].setSelected(false);for循环中的false改为true试试,看是不是选中状态

  • pengfuqiang96 pengfuqiang96(提问者) 不是选中状态 console 里面一直跑 最后跑到页面崩溃 。。。
    2021-03-11 17:26 
最佳回答
0
zsh331Lv8专家互助
发布于2021-9-24 16:39

直接在数据字典中通过union all 追加一个「全选」供选项;

-- 然后把控件默认的「全选」功能,通过脚本隐藏掉;

————————

「隐藏全选按钮」参考链接-->https://bbs.fanruan.com/wenda/question/62240.html

————————————————————

最佳回答
0
shirokoLv6资深互助
发布于2021-9-24 17:02(编辑于 2021-9-24 17:02)

image.png

你题目说的功能里,并没有需要一个“全选选项”的功能,事实上也不需要,你有清空功能已经能满足需求了。因为有类似为空显示全部的功能。

https://help.fanruan.com/finereport/doc-view-2395.html

下拉复选框参数为空显示全部

你只要做成选择“全选”显示全部就行了。${if(area == '全选',"","and 货主地区 = '" + area + "'")}

  • 4关注人数
  • 740浏览人数
  • 最后回答于:2021-10-14 17:12
    请选择关闭问题的原因
    确定 取消
    返回顶部