首页 > 软件开发 > JavaScript >

js如何获取RadioButtonList

来源:互联网 2023-03-16 23:58:29 版权归原作者所有,如有侵权,请联系我们

RadioButtonList是aspx的一个控件,其实这个控件生成html后,其实就是一组html的radio控件,下面我们来看一下如何用js来获取RadioButtonList。2QK办公区 - 实用经验教程分享!

方法/步骤

  • 1

    在aspx代码里,我们添加一个RadioButtonList的控件,并为其加上一个id。2QK办公区 - 实用经验教程分享!

    js如何获取RadioButtonList2QK办公区 - 实用经验教程分享!

  • 2

    运行这个页面,我们可以看到页面上就是显示一组radio的单选框控件。2QK办公区 - 实用经验教程分享!

    js如何获取RadioButtonList2QK办公区 - 实用经验教程分享!

  • 3

    从html源代码上看,这组radio控件是在一个span控件里的,这个span控件的id就是我们RadioButtonList的控件id。2QK办公区 - 实用经验教程分享!

    js如何获取RadioButtonList2QK办公区 - 实用经验教程分享!

  • 4

    因此我们用js来获取RadioButtonList也并不难了。2QK办公区 - 实用经验教程分享!

    为了操作方便,我们借助jquery来操作,所以先引入jquery脚本文件。2QK办公区 - 实用经验教程分享!

    js如何获取RadioButtonList2QK办公区 - 实用经验教程分享!

  • 5

    要获取所有的radio单选框,我们使用jquery代码:$("#radiolist1 input")就行了。2QK办公区 - 实用经验教程分享!

    js如何获取RadioButtonList2QK办公区 - 实用经验教程分享!

  • 6

    如果要获取其中一个,我们用数组下标就行了,var r2 = radios[1];2QK办公区 - 实用经验教程分享!

    当然我们要确保数组下标的控件是存在的,比如至少要有2个单选框,你才能获取得到第二个。2QK办公区 - 实用经验教程分享!

    js如何获取RadioButtonList2QK办公区 - 实用经验教程分享!

  • 6该信息未经许可获取自百度经验
  • 7

    如果要获取选中的那一项,我们用jquery里的checked属性来过滤就行了。2QK办公区 - 实用经验教程分享!

    代码如图。2QK办公区 - 实用经验教程分享!

    js如何获取RadioButtonList2QK办公区 - 实用经验教程分享!

  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!2QK办公区 - 实用经验教程分享!


    标签: JAVASCRIPTJQUERY

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号