单选按钮选中之后再次点击取消选中状态

最新推荐文章于 2023-10-09 13:59:23 发布

四月_h

最新推荐文章于 2023-10-09 13:59:23 发布

阅读量1.2k

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/weixin_46389242/article/details/127226037

版权

//取消单选
        radioClick: function radioClick(event) {
            let domName = $(event.target).prop('name');
            let hasChild = $(event.target).hasClass('hasChild')
            let $radio = $(event.target);
            if ($radio.data('waschecked') == true) {
                $radio.prop('checked', false);
                $("input:radio[name='" + domName + "']").data('waschecked', false);
                if (hasChild) {
                    let innerName = $radio.parent('label').find('input.innerInput').prop('name');
                    $radio.parent('label').find('input.innerInput').prop('checked', false);
                    $("input:radio[name='" + innerName + "']").data('waschecked', false);
                }
            } else {
                $radio.prop('checked', true);
                $("input:radio[name='" + domName + "']").data('waschecked', false);
                $radio.data('waschecked', true);
                if (hasChild) {
                    let innerName = $radio.parent('label').find('input.innerInput').prop('name');
                    $("input:radio[name='" + innerName + "']").data('waschecked', false);
                    $radio.parent('label').find('input.innerInput').eq(0).prop('checked', true);
                    $radio.parent('label').find('input.innerInput').eq(0).data('waschecked', true);
                }
            };
        },