`
wx3957156
  • 浏览: 934 次
  • 性别: Icon_minigender_1
  • 来自: 河南
最近访客 更多访客>>
社区版块
存档分类
最新评论

js判断checkbox和select和radio的值

阅读更多
//取复选框checkbox选中的值
var s = document.getElementsByName("search");
var s2 = "";
var nowValue = "";
for( var i = 0; i < s.length; i++ )
{
if ( s[i].checked ){
s2 += s[i].value+',';
}
}
nowValue = s2.substring(0,s2.length-1);
//给复选框checkbox赋初值
function setNowType(type)
{
var mySel=document.getElementsByName('search');
for(var i=0;i<mySel.length;i++)
{
var me=mySel[i].value;
if(type.indexOf(me) != -1)
{
mySel[i].checked=true;
}
}
}
//取下拉菜单select选中的值
var mySel=document.getElementById('infoTypes');

var nowValue=mySel.options[mySel.selectedIndex].value;
//给下拉菜单select赋初值
function setNowType_old(type)
{
var mySel=document.getElementById('infoTypes');

for(var i=0;i<mySel.options.length;i++)
{
var me=mySel.options[i];
if(me.value==type)
{
    me.selected=true;
}
}
}
//取单选按钮radio选中的值
function radio(){
  var radio = document.getElementsByName("radio");
  var radioLength = radio.length;
  alert(radioLength);
  for(var i = 0;i < radioLength;i++){
  if(radio[i].checked){
  var radioValue = radio[i].value;
  alert(radioValue);
  }
  }
  }
分享到:
评论

相关推荐

    jquery操作Radio、Checkbox、Select Demo

    这些是jQuery对Radio、Checkbox和Select基本的操作方式。在实际应用中,你可能还需要结合DOM遍历、事件冒泡等知识,实现更复杂的交互功能。提供的Demo文件应该包含了这些操作的实例代码,通过查看和实践,可以加深...

    LazyForm radio,checkbox,select样式自定义

    在IT行业中,前端开发是至关重要的一环,而表单元素如radio、checkbox和select的样式定制则是提升用户体验和界面美观度的关键。"LazyForm radio,checkbox,select样式自定义"是一个针对这一需求的解决方案,它基于...

    jquery获取各种radio,checkbox,select的值等

    在JavaScript的世界里,jQuery库提供了一种简洁的方式来操作DOM元素,包括处理radio、checkbox和select。这些元素在网页表单中十分常见,用于收集用户输入。以下是对标题和描述中涉及的知识点的详细说明: 1. **...

    怎么获取checkbox/select/radio、选择中的text和value值

    在IT领域,特别是前端开发中,获取用户界面元素如`checkbox`、`select`和`radio`的选择状态是一项常见的需求。这些元素常用于收集用户的偏好或输入,因此准确地读取它们的`text`(显示文本)和`value`(实际值)对于...

    radio、checkbox、select等选择标签的总结

    在网页设计和开发中,`radio`、`checkbox` 和 `select` 是三种常见的表单元素,用于收集用户输入的数据。这些元素都是HTML语言的一部分,是构建交互式Web页面的关键工具。下面是对这三个标签的详细解释和总结: 1. ...

    jquery 获得select、radio、checkbox选择的text和value值

    ### jQuery 获取 Select、Radio、Checkbox 的 Text 和 Value 值详解 #### 一、Select 下拉框的操作 在网页开发中,`&lt;select&gt;` 标签用于创建下拉列表,通常用于用户输入时的选择操作。jQuery 提供了简单且强大的...

    checkbox-radio-select样式自定义

    在前端开发中,`checkbox`、`radio`和`select`是三种常见的表单元素,它们用于用户交互,收集和提交数据。`checkbox`用于多选,`radio`用于单选,而`select`通常用于下拉列表选择。在本项目"checkbox-radio-select...

    js中的radio,checkbox,select例子

    一个小例子,含全选,有注释,学习一下这些表单元素的属性和方法

    Jquery 获取表单text,areatext,radio,checkbox,select值的代码

    jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关 获取一组radio被选中项的值 var item = $(‘input[@name=items][@checked]’).val(); 获取select被选中项的文本 var ...

    Jquery获取Select标签的值

    #### 四、获取 Radio 和 CheckBox 的 Value 值 对于 Radio 和 CheckBox 这类表单元素,获取其值通常涉及到一些额外的步骤。 ##### 1. 获取 Radio 的 Value 值 ```javascript $("input[name='radio_name']:checked")...

    JS判定全选或单选(checkbox)

    在本文中,我们将深入探讨如何使用JavaScript来处理复选框(checkbox)的选择状态,包括全选和多选的功能。 ### 全选与多选复选框的实现 #### 函数`checkallbox()`详解 此函数的目标是实现“全选”功能。当用户...

    使用JQuery封装的Select&Checkbox&Radio脚本-维豪信息技术有限公司内部

    本文将深入探讨如何使用jQuery封装Select、Checkbox和Radio元素,以提高前端开发效率并确保跨浏览器兼容性。 一、jQuery封装Select 在HTML中,`&lt;select&gt;`元素用于创建下拉菜单。在jQuery中,我们可以方便地操作...

    jQuery操作checkbox并获取选中值

    在网页开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理、动画效果和Ajax交互。本文将详细讲解如何使用jQuery来操作checkbox,并实现全选、全不选、反选以及获取选中值这四个核心功能...

    jquery获取checkbox选中的值

    在网页开发中,jQuery是一个非常流行的JavaScript库,它简化了DOM操作、事件处理以及Ajax交互。在本场景中,我们关注的是如何使用jQuery来处理HTML中的复选框(checkbox)元素,尤其是获取选中的值、实现全选、取消...

    checkbox.js

    而`checkbox.js`文件就是专门针对这种元素进行操作的一个JavaScript库,它提供了全选、全不选以及统计选中个数等功能,极大地提升了用户体验和开发效率。 一、Checkbox.js的核心功能 1. **全选与全不选**:`...

    Koo.js-标签式表单验证及初始化插件及演示支持select,checkbox,radio.zip

    Koo.js是一个专门针对这一需求设计的JavaScript插件,它提供了标签式的表单验证功能,并且对select、checkbox、radio等元素提供了良好的支持。下面我们将深入探讨Koo.js的核心特性和使用方法。 一、Koo.js简介 Koo...

    jquery获得select option值

    根据提供的文件信息,我们可以总结出一系列关于如何使用jQuery来获取不同类型的表单元素(如文本框、单选按钮、复选框以及下拉列表)的值的方法。下面将详细介绍这些方法及其应用场景。 ### 一、获取文本框(input ...

    Jquery操作radio,checkbox,select表单操作实现代码

    本篇文章将详细讲解如何使用jQuery来操作radio、checkbox和select这三个常见的表单元素。 一、Radio(单选按钮)操作 jQuery操作单选按钮(radio)主要涉及选取状态的读取与设置。例如,如果有一组同名的radio按钮...

    selectTree tree控件 日历控件 tree控件 radio CheckBox demo

    "selectTree tree控件 日历控件 tree控件 radio CheckBox demo"这个标题揭示了几个关键的组件,它们是网页交互中的重要元素。下面将详细介绍这些控件及其应用场景。 1. **selectTree(选择树控件)**: 选择树控件...

    jQuery设置和获取select、checkbox、radio的选中值方法

    对于select和radio单选控件,通常只需要一个选项被选中,而checkbox多选控件则可以选中多个值。在使用时,需要注意是否有value属性,以及如何根据不同的需求选择合适的jQuery方法。掌握这些操作,将有助于提升Web...

Global site tag (gtag.js) - Google Analytics