多选按钮设置透明,重新画按钮后,如何能够实现对应的点击事项?

多选按钮设置透明,重新画按钮后,如何能够实现对应的点击事项?-鸿蒙开发者社区如图,我想要实现这样的多选的功能。

hml:

<div class="detail">
<div for="{{familymember}}" tid="id">
    <div>
        <div class="{{$item.checked?'visitor_on':'visitor_off'}}">
        //三元表达式判断一下状态,visitor_on是方框被选中状态,visitor_off是未选中状态。
            <input type="checkbox" name='visitor' value='{{$item.name}}' checked="false"  onchange="visitoronchange" class="visitor_rad"></input></div>
        <text class="{{$item.checked?'visitortext_on':'visitortext_off'}}">
      //三元表达式判断一下状态,visitortext_on是方框后面的文字被选中状态,visitor_off是未选中状态。 
            {{$item.name}}</text>
    </div>
</div>
</div>

数组的情况:

{{familymember}}这个,长这样,

familymember:

        [

            {name:"煊煊",telephone:"12345567898",gender:"女",age:"26岁",checked:false},

            {name:"闲潭",telephone:"12345567898",gender:"女",age:"18”,checked:false},

            {name:"小甲",telephone:"12345567898",gender:"女",age:"18岁",checked:false},

            {name:"乙乙乙甲乙丙丁",telephone:"12345567898",gender:"女",age:"18岁",checked:false},

            {name:"饼饼饼",telephone:"12345567898",gender:"女",age:"18岁",checked:false},

            {name:"顶顶顶",telephone:"12345567898",gender:"女",age:"18岁",checked:false}

        ]

在js里面设置onchange事件的时候,我发现

visitoronchange(e) {

    console.log('选择了' + e.value)}

e.value打印出来显示为undefined。

 

那么应该如何才能知道多选是点击了谁呢?以及相应的能够将被点击的项目变成选中状态。

鸿蒙
按钮
功能
2022-02-08 14:59:53
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
aleign
1

input组件type为checkbox时,传入的value值在方法中的获取方式如下,本地测试OK:

visitoronchange(e) {
    let value = e.target.attr.value
    console.log('选择了' + value)
}

分享
微博
QQ
微信
回复
2022-02-08 16:55:30
相关问题
如何实现按钮点击效果?
296浏览 • 2回复 待解决
如何能够设置禁止分屏
316浏览 • 1回复 待解决
点击拒接按钮无法再次来电
1943浏览 • 1回复 待解决
HarmonyOS actionsheet如何设置按钮高度?
145浏览 • 1回复 待解决
如何设置一个通知按钮
271浏览 • 1回复 待解决
HarmonyOS 点击图片按钮中间没反应
426浏览 • 1回复 待解决
如何能够让 DevEco studio连接Internet
7555浏览 • 4回复 待解决