reactjs 生成的 radio 点击无反应或者出现反选的问题

最新推荐文章于 2023-09-19 11:28:17 发布

璃月之天涯

最新推荐文章于 2023-09-19 11:28:17 发布

阅读量2.2k

点赞数 1

分类专栏： react 文章标签： react

本文链接：https://blog.csdn.net/qq_28002139/article/details/77058486

版权

reactjs 生成的 radio 点击无反应或者出现反选的问题

在点击男女 radio 的时候出现了反选的情况，代码如下：

    <body>
        <div class="checkInPage checkIn_rulesPage">
            <div class="container">
                <div id=checkInRule></div>
            </div>
        </div>
    </body>

    <script type="text/babel">
        var CheckInRule = React.createClass({
            getInitialState: function() {
                return {
                    btnDisabled:true
                };
            },
            radio1Clicked: function () {
                this.setState({
                    btnDisabled:false
                })
            },
            radio2Clicked: function () {
                this.setState({
                    btnDisabled:true
                })
            },
            render: function(){
                var btnDisabled = this.state.btnDisabled;
                return (
                        <div className="checkIn_rulesWrap">
                            <div className="checkIn_rules"></div>
                            <div className="checkIn_rules_optWrap">
                                <label htmlFor="agree" className="radio">
                                    <span className="radio-bg"></span>
                                    <input type="radio"

最低0.47元/天解锁文章

璃月之天涯

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
reactjs 生成的 radio 点击无反应或者出现反选的问题

reactjs 生成的 radio 点击无反应或者出现反选的问题在点击男女 radio 的时候出现了反选的情况，代码如下： <body> <div class="checkInPage checkIn_rulesPage"> <div class="container"> <div id=checkInRule></d
复制链接

扫一扫