使用mui的checkbox作为注册时协议的选中状态标识，电脑端正常使用，手机端却不能选中。

项目场景：

使用mui的checkbox作为注册时协议的选中状态标识，电脑端正常使用，手机端却不能选中。

---

如图

手机端，怎么点都点不动，而且点过一次，再用Jquery代码执行$(‘#agreeCheckBox’).attr(“checked”, “checked”);都不能成功。

原因分析：

---

解决方案，分两步：

第一步：input标签放到label内部，见下图

第二步：label标签添加一个点击事件

function clickCheckBox(){
		$('#agreeCheckBox').attr("checked", "checked");
	}

我在这里由于在登录按钮上也confirm了后，又失灵了，gpt给出建议：需要调用一次prop执行一次属性后，完全解决了，见下图：