如何利用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方法设置单选按钮组某个被选中
  • ppt如何设置图片纹理填充的图片源呢?
  • 如何用PS 制作红色洒金纸
  • 教你如何用PS在旗帜上加文字
  • excel实现按多列多种顺序排序
  • 如何处理电脑蓝屏问题
  • 热门搜索
    国学经典手抄报 关于消防的手抄报 艺术节手抄报 民族手抄报 新年的手抄报 关于法律的手抄报 关于文明礼仪的手抄报 放飞梦想手抄报 元旦节手抄报 世界读书日手抄报