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

如何利用jquery方法设置单选按钮组某个被选中

时间:2024-10-13 04:35:01

1、第一步,打开HBuilder开发工具,新建静态页面radio.html,并引入jquery核心js文件,如下图所示:

如何利用jquery方法设置单选按钮组某个被选中

2、第二步,在<body></body>标签元素插入一个div元素,再在div标签元素内插入四个单选按钮,设置它们的id属性、name属性和label值,如下图所示:

如何利用jquery方法设置单选按钮组某个被选中

3、第三步,在jquery初始化函数内编写遍历单选按钮组的each函数,声明一个变量radio敛财醣沁并赋值,获取单选按钮选中的id属性值;判断该单选按钮id属性值如果跟radio相等,嬴猹缥犴则设置该单选按钮选中,利用attr("checked","checked"),如下图所示:

如何利用jquery方法设置单选按钮组某个被选中

4、第四步,将第三步中的属性方法checked换成true,保存之后再次预览静态页面,查看结果,如下图所示:

如何利用jquery方法设置单选按钮组某个被选中

5、第五步,将attr()方法换成prop()方法,还是利用checked,如下图所示:

如何利用jquery方法设置单选按钮组某个被选中

6、第六步,将第五步中的prop("checked","chec氯短赤亻ked")换成prop("checked",true),再次查看页面单选按钮组被选中情况,如下图所示:

如何利用jquery方法设置单选按钮组某个被选中
© 手抄报圈