产品经理又提需求了：input radio 属性，在点击 label 时也可切换选中状态

Posted 2022-12-05 一百个Chocolate

背景

产品经理又来提需求啦，原本是默认点击那个圆框的，后面需要点击 label 文本也可以支持切换。

解决方式

简单，安排！

$('.radio-list').on('click', function(e) 
    $(`input[type='radio'][name='content-radio'][value=$radioList[e.target.innerText]]`).prop("checked",true);
    $(`input[type='radio'][name='radio'][value=$radioList[e.target.innerText]]`).prop("checked",true);
)

以上方式，既可以通过后端数据返回来切换选中状态，也可以用固定的常数项选中切换，解决。

友情提醒

不过这里得注意一下，jQuery 中提供了attr() 与 prop() 方法，刚开始使用的是 attr() 方法，一个一个点击倒是没啥问题，有一次误双击了一下，发现选中状态没了。

后面改用了 prop() 方法就没啥问题了。

具体可以查看 jquery 官网的解释：

https://api.jquery.com/prop/

战绩

此战败了，没能砍掉需求…

下次一定！