js单选多选点击给父级元素增加样式

单选和多选给父级元素增加背景<div class="weui_cells weui_cells_radio"> <!-- <label class="weui_cell weui_check_label" for="1" > <div class="weui_cell_bd weui_cell_primary"> <p><span class="testNumber
摘要由CSDN通过智能技术生成

单选和多选给父级元素增加背景

在这里插入图片描述

<div class="weui_cells weui_cells_radio">
 

        <!-- <label class="weui_cell weui_check_label" for="1" >
            <div class="weui_cell_bd weui_cell_primary">
                <p><span class="testNumber testNumber1">a</span> &nbsp;很好</p>
            </div>
            <div class="weui_cell_ft">
                <input type="radio" class="weui_check" name="radio" id="1" value="1" οnclick="selectOne('1', 1);">
                <span class="weui_icon_checked"></span>
            </div>
        </label>


        <label class="weui_cell weui_check_label" for="2" >
            <div class="weui_cell_bd weui_cell_primary">
                <p><span class="testNumber testNumber1">a</span> &nbsp;不好好</p>
            </div>
            <div class="weui_cell_ft">
                <input type="radio" class="weui_check" name="radio" id="2" value="2" οnclick="selectOne('2', 2);">
                <span class="weui_icon_checked"></span>
            </div>
        </label> -->




        <label class="weui_cell weui_check_label" for="1">
            <div class="weui_cell_bd weui_cell_primary">
                <p><span class=
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
nuiapp是一个公司管理用的小程序,其中涉及到人员择的审批工作流。官方的picker组件不支持多,无法满足场景使用需求。然而,通过参考一篇简书文章,可以实现多功能。在nuiapp中,可以通过增加一个和多的属性(mul)来实现择类型的切换。当时,中一个项会自动关闭择组件。另外,还可以增加一个禁用属性(pick_disable),当该属性等于1时,项不可点。页面根据每个项的checked属性来判断是否中,所以每次改变勾状态都要设置被改变的项的checked属性,并更新列表。这样即使返回上一层,再进入当前层级时,中状态仍然会被保留。同时,列表中择状态的改变也会与底部的footer进行双联动。\[1\]\[2\]\[3\] #### 引用[.reference_title] - *1* *2* [小程序公司部门人组件 树状实现](https://blog.csdn.net/lsz285481204/article/details/111873792)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [小程序人控件 - 仿企业微信实现多及多层级无规则嵌套](https://blog.csdn.net/weixin_34405332/article/details/87962255)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

a帅航

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值