WeUI的radio与cheakedBox选中与设置选中问题

最新推荐文章于 2023-03-20 19:42:12 发布

唐宋元明清.

最新推荐文章于 2023-03-20 19:42:12 发布

阅读量2w

点赞数

CC 4.0 BY-SA版权

分类专栏： CSS 文章标签：微信开发

本文链接：https://blog.csdn.net/qq_22844483/article/details/78496451

CSS 专栏收录该内容

12 篇文章

订阅专栏

本文探讨了在WeUI框架下，如何判断Checkbox是否选中，方法是检查元素是否存在checked属性。对于Radio组件的选中设置，遵循排他原则，需移除所有其他组件的checked属性，然后将当前组件设置为checked。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

cheakedBox判断的方法就是, 选定的元素是否有checked这个属性, 如果有就是已选中, 没有就是未选中

    // 标签绑定的onchange = "changeState(this)"
    function changeState (ele) {
        if(ele.checked){
            ele.removeAttribute('checked')
            console.log('选中')
        } else {
            ele.setAttribute('checked','checked')
            console.log('未选中')
        }
    }

radio组件设置选中, 排他原则, 删除所有组件的cheaked属性, 然后给当前的组件添加cheaked属性

  function initPage() {
        var label = document.getElementsByTagName('label');
        for (var i = 0; i < label.length; i++) {
            var element = label[i];
            var ipt = element.getElementsByTagName('input')[0];
            ipt.removeAttribute('checked');
            if (element.getElementsByTagName('p')[0].innerText === api.pageParam.text) {
                ipt.setAttribute('checked', 'checked')
            }
        }
    }