在React.js中,可以通过使用状态来实现只能单击一次的复选框。具体步骤如下:
constructor(props) {
super(props);
this.state = {
isChecked: false
};
}
handleCheckboxChange = () => {
this.setState(prevState => ({
isChecked: !prevState.isChecked
}));
}
render() {
return (
<div>
<input
type="checkbox"
checked={this.state.isChecked}
onChange={this.handleCheckboxChange}
/>
<label>My复选框</label>
{/* 其他复选框 */}
</div>
);
}
handleOtherCheckboxChange = () => {
this.setState({
isChecked: false
});
}
这样,当点击"My复选框"时,它会被选中,并取消其他复选框的选中状态。而其他复选框的选中状态只能通过点击它们来改变,不会影响"My复选框"的选中状态。
推荐的腾讯云相关产品:腾讯云云服务器(CVM)和腾讯云云数据库MySQL。
领取专属 10元无门槛券
手把手带您无忧上云