怎样在radio类型的input标签中动态的加checked

最新推荐文章于 2024-06-21 11:35:48 发布

Jeaforea

最新推荐文章于 2024-06-21 11:35:48 发布

阅读量6.1k

点赞数 1

分类专栏：前端小知识文章标签： HTML JS

本文链接：https://blog.csdn.net/jeaforea/article/details/59116425

版权

前端小知识专栏收录该内容

1 篇文章 0 订阅

订阅专栏

怎样在radio类型的input标签中动态的加checked

要想在radio类型的input标签中动态的加checked我理解的是肯定需要判断，但是判断怎么加呢？这时候我们可以在script标签中进行判断，具体做法如下所示

<html>
    <head>
        <title>modify</title>
        <script>
            window.onload=function(){
                if("<{$data.sex}>" == 1){
                    document.getElementsByName('sex')[0].checked='checked';
                }else{
                    document.getElementsByName('sex')[1].checked='checked';
                }
            }
        </script>
    </head>
    <body>
        <form action="/thinkphp/index.php/User/save/id/<{$data.user_id}>" method="POST">
            姓名：<input type="text" name="username" value="<{$data.user_name}>"/>
            <br/>
            性别：男<input type="radio" name="sex" value="1"/> 女<input type="radio" name="sex" value="0"/>
            <br/>
            <input type="submit" value="提交修改"/>
        </form>
    </body>
</html>