表单项目1，自定义radio和取消选中状态

最新推荐文章于 2024-09-13 16:47:03 发布

cdgogo

最新推荐文章于 2024-09-13 16:47:03 发布

阅读量341

点赞数

分类专栏： jquery

本文链接：https://blog.csdn.net/cdgogo/article/details/108021492

版权

本文介绍在表单项目中如何实现自定义的单选框（radio）功能，并详细阐述了在用户提交表单后，如何有效地清除已选择的选项状态，确保表单内容能够被正确地清空。

摘要由CSDN通过智能技术生成

项目背景：在表单中输入内容和选择（单选框），输入完成后点击提交，会自动清空表单内容。
在这里插入图片描述

 <div class="page1">
        <div class="content">
            <div class="adv"><img src="images/b1.jpg" alt=""></div>
            <div class="form">
                <form action="">
                    <div class="item">
                        <p class="title">1. 您的姓名</p>
                        <div class="inputGroup">
                            <i class="iconfont icon-user"></i>
                            <input type="text" placeholder="请输入姓名" id="name">
                        </div>
                    </div>
                    <div class="item">
                        <p class="title">2. 您的手机号</p>
                        <div class="inputGroup">
                            <i class="iconfont icon-shouji54"></i>
                            <input type="text" placeholder="请输入手机号码" id="tel">
                        </div>
                    </div>
                    <div class="item">
                        <p class="title">3. 您的房屋类型</p>
                        <ul class="radioList">
                            <li>
                                <input type="radio" name