脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → radio标签

Javasipt:操作radio标签详解

 更新时间：2013年12月30日 09:05:39   作者：  
本篇文章主要介绍了Javasipt:操作radio标签。需要的朋友可以过来参考下，希望对大家有所帮助

1、html代码：

复制代码 代码如下:

      <form action="#" name="userOpinionForm" id="userOpinionForm" method="post">

                <input type="radio"    name="opinionCategory" value="1" checked  />最同意
                 <input type="radio"    name="opinionCategory" value="0" />最不同意

      </form>


2、js代码：
方法一：
复制代码 代码如下:

var opinionCategory = document.getElementsByName('opinionCategory');

                 var opinionCategoryValue = 1;
                 for(var i=0;i<opinionCategory.length;i++){
                        if(opinionCategory[i].checked){
                                      opinionCategoryValue = opinionCategory[i].value;
                        }
                 }


方法二：
复制代码 代码如下:

var form = document.getElementById('userOpinionForm');

                 var num = 0;
                 for(var i=0;i<form.opinionCategory.length;i++){
                     if(form.opinionCategory[i].checked){
                         num++;
                     }
                 }

您可能感兴趣的文章:

相关文章

  • js统计录入文本框中字符的个数并加以限制不超过多少

    js统计录入文本框中字符的个数并加以限制不超过多少

    为了更直观的体现用户在文本框输入文本时能看到自己输入了多少字，并且有些特殊的要求字数不超过多少，本文给出了具体的实现
    2014-05-05
  • 详解自定义ajax支持跨域组件封装

    详解自定义ajax支持跨域组件封装

    本篇文章给大家详细分析了自定义ajax支持跨域组件封装相关的知识点，对此有兴趣的朋友参考学习下。
    2018-02-02
  • layerui代码控制tab选项卡,添加,关闭的实例

    layerui代码控制tab选项卡,添加,关闭的实例

    今天小编就为大家分享一篇layerui代码控制tab选项卡,添加,关闭的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • javascript数组includes、reduce的基本使用

    javascript数组includes、reduce的基本使用

    这篇文章主要给大家介绍了关于javascript数组includes、reduce的基本使用方法,includes方法是用于检查特定元素是包含在数组还是字符串中的方法,而reduce用法则有很多,需要的朋友可以参考下
    2021-07-07
  • javascript中判断json的方法总结

    javascript中判断json的方法总结

    JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式，采用完全独立于语言的文本格式，是理想的数据交换格式。同时，JSON是 JavaScript 原生格式，这意味着在 JavaScript 中处理 JSON数据不须要任何特殊的API或工具包，接下来跟着小编学习js中判断json的方法吧
    2015-08-08
  • JavaScript遍历table表格中的某行某列并打印其值

    JavaScript遍历table表格中的某行某列并打印其值

    这篇文章主要介绍了JavaScript遍历table表格中的某行某列并打印其值,需要的朋友可以参考下
    2014-07-07
  • layui原生表单验证的实例

    layui原生表单验证的实例

    今天小编就为大家分享一篇layui原生表单验证的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • jQuery $.data()方法使用注意细节

    jQuery $.data()方法使用注意细节

    前段时间同事在群里对jQuery里的.data()方法接下来介绍jQuery $.data()方法使用注意细节,需要了解的朋友可以参考下
    2012-12-12
  • javascript实现获取中文汉字拼音首字母

    javascript实现获取中文汉字拼音首字母

    这篇文章主要为大家详细介绍了javascript实现获取中文汉字拼音首字母，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2020-05-05
  • JavaScript面试必考之实现手写Promise

    JavaScript面试必考之实现手写Promise

    Promise作为面试必考题，Promise的手写也是面试官必问的问题，所以对于Promise我们一定要了解透彻。本文就为大家整理了手写Promise的示例代码，需要的可以参考一下
    2022-12-12

最新评论