手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

jquery清除单选选中状态

时间:2024-11-10 16:39:19

1、新建一个html文件,命名为test.html,用于讲解jquery清除单选选中状态。

jquery清除单选选中状态

2、在test.html文件中,在p标签内,使用input标签创建type为radio的单选选项。

jquery清除单选选中状态

3、在test.html文件中,设置 input的name属性值为rinput,主要用于下面通过该name来获得input对象 。

jquery清除单选选中状态

4、在test.html文件中,使用button标签创建一个按钮,按钮名称为“清除选中”。

jquery清除单选选中状态

5、在test.html文件中,给button按钮绑定onclick点击事件,当按钮被点击时,执行clearadio()函数。

jquery清除单选选中状态

6、在js标签内,创建clearadio()函数,在函数内,通过name属性获得input对象 ,使用removeAttr()方法将input的checked属性移除,实现清除单选选中状态。

jquery清除单选选中状态

7、在浏览器打开test.html文件,选中单选,点击按钮,查看实现的效果。

jquery清除单选选中状态
jquery清除单选选中状态
© 手抄报圈