`
kingsui
  • 浏览: 190310 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

下拉列表与单选按钮

 
阅读更多

一.选中下拉列表对象

function getSelectedObj(name,values){
   var obj=document.getElementById(name);
   for(i=0;i<obj.length;i++){ 
     if(obj[i].value == values){
       obj[i].selected = true ;
     }
   }
}

 

二.选中单选按钮

function getRadioObj(name,values){
var radioes = document.getElementsByName(name); 
	for(var i=0;i<radioes.length;i++)
	{
	   if(radioes[i].value == values){
	      radioes[i].checked = true;
	   }
	}
}

 三.获取下拉列表选中项的的值

function getSelectedValue(name){
  var obj=document.getElementById(name);
  for(i=0;i<obj.length;i++){
    if(obj[i].selected==true){
    return obj[i].value;      
   }
 }
}

 

四.获取单选按纽的值

function getRadioValue(name){
   var radioes = document.getElementsByName(name); 
   for(var i=0;i<radioes.length;i++)
   {
     if(radioes[i].checked){
     return radioes[i].value;
     }
  }
}

 五.判断是否有被选中的记录

 

function isSelect(){
    var ids=document.getElementsByName("id");
	var isSelected=false;
	for(var i=0;i<ids.length;i++){
	  if(ids[i].checked){
	    isSelected=true;
		break;
	  }
	}
   return isSelected;
  }

 

六.选择所有记录

function AllSelect(){
  var ids=document.getElementsByName("id");
  for(var i=0;i<ids.length;i++){
      ids[i].checked=true;
  }
 }

 七.反向选择

 

 function selAll(){
  var ids=document.getElementsByName("id");
  for(var i=0;i<ids.length;i++){
       if(ids[i].checked){
	     ids[i].checked=false;
	   }else{
	     ids[i].checked=true;
	   }
  }
 }

 

  以上两个方法适合将子页面的值传递给父页面,并选中相关的对象.

分享到:
评论

相关推荐

    ajax实现下拉列表改变时动态创建单选按钮

    ajax动态获取数据填充下拉列表,下拉列表中选项改变时动态创建单选按钮组,演示时请在本地搭建服务器后演示,否则容易出现:Error:Access is denied.

    逃跑按钮实现代码。如何制作属性页对话框和向导对话框,融合讲解组合框(如何调整组合框的大小)、列表框、单选按钮、复选按钮等常用对话框控件的多种使用方法。

    如何制作属性页对话框和向导对话框,融合讲解组合框(如何调整组合框的大小)、列表框、单选按钮、复选按钮等常用对话框控件的多种使用方法。如何限制用户在不满足设定的条件时切换到其他属性页和向导页。

    Vue.js表单标签中的单选按钮、复选按钮和下拉列表的取值问题

    下面给大家介绍Vue.js表单标签中的单选按钮、复选按钮和下拉列表的取值问题。 摘要: 表单标签取值问题中,单选按钮、复选按钮和下拉列表都比较特殊。这里总结一下vue.js中关于单选按钮、复选按钮和下拉列表不同情况...

    按钮与列表

    应用程序,标题为“按钮与列表”。在这个窗口中,包含有三个标题,分别为Check ...在Combo Box分组框中,有一个Course分组框(其中包含三个单选按钮)、一个名字为Record的下拉列表框、一个Show_Combo按钮和一个编辑框。

    PyQt5基本控件使用详解:单选按钮、复选框、下拉框

    本文主要介绍PyQt5界面最基本使用的单选按钮、复选框、下拉框三种控件的使用方法进行介绍。 1、RadioButton单选按钮/CheckBox复选框。需要知道如何判断单选按钮是否被选中。 2、ComboBox下拉框。需要知道如何对...

    伊兰COMBO (强大的Ext单多选下拉列表控件;带详细示例)

    强大的Ext单多选下拉列表控件;基于 LovCombo ; * 作者:中国.湖南.长沙.任文敏 * * 功能: * 1. 支持:★ 多选|单选 (isSingle:'N|Y') * 2. 多选支持: 全选/全不选 * 3. ★ 多选且分页支持: 全部清除 * 4...

    Xamarin.Forms.InputKit:复选框,单选按钮,标记的滑块,下拉列表等

    Xamarin.Forms.InputKit ,单选按钮,高级输入,高级滑块,下拉菜单等可用平台平台版支持的安卓MonoAndroid10.0 :white_heavy_check_mark: 安卓安卓90 :white_heavy_check_mark: 安卓安卓安卓81 :cross_mark: 的iOS ...

    用HTML控件实现注册与登录页面

    要运用文本框、单选框、复选框、下拉列表、多行文本框、按钮、文件上传等控件实现注册页面,点击提交按钮后讲用户填写的信息以文本的形式显示出来。 2、用HTML控件实现简单的用户登录页面 运用文本框、label、按钮...

    Java的GUI界面

    编程包含一个下拉列表和一个按钮,下拉列表中有10、14、18三个选项。选择10时,按钮中文字的字号为10,选择14时,按钮中文字的字号为14,选择18时,按钮中文字的字号为18。 6.编程包含一个列表和两个标签,在第一...

    Android实现弹出列表、单选、多选框

    主要为大家详细介绍了Android实现弹出列表、单选、多选框,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

    TestEchat_c#界面_flex_quietxg2_下拉多选_选项卡_

    echat是一套原生视觉体验基础样式库,由设计...件、文本链接、链接组件、图片组件、图标、进度条、按钮、单行文本、多行文本、单选列表、多选列表、开关选择、滑动条、上传组件、时间、下拉列表、单选列表等各式元素。

    基于layui的下拉列表的数据回显方法

    今天小编就为大家分享一篇基于layui的下拉列表的数据回显方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

    VB 灰色按钮激活的程序模块.rar

    程序只能以窗体、文本框、按钮、复选框、单选按钮、下拉列表框等标准控件有效。首先你点击“开始工作”,然后激活你要使魔法的窗体,一秒钟后窗体上所有的标准控件都变成可用的了!不信你可以到任意一个程序的“打...

    zywsetup.rar

    或右键点击此元素项,在弹出的对话框中输入内容,修改填表元素(项目)操作间隔时间,对于普通的输入框,我们可以设置间隔时间为100毫秒,对于证件号码、普通下拉列表、单选、复选框可以设置间隔时间稍微长一点,...

    超全JS表单验证函数

    超全JS表单验证函数,包含常用的文本框,下拉列表,单选按钮,复选框,日期时间,邮箱,金额及特殊字符等校验,是javaWeb项目开发的重要技术资源

    html表单制作及多种实例

    表单数据可以通过各种方式发送到服务器进行处理。...这个表单有两个文本输入...注意:这只是一个基本的表单,实际上你可能需要包含更多的HTML元素,例如复选框,下拉列表,单选按钮等,以及更复杂的验证和错误处理机制。

    使用VUE自定义组件封装数据字典实战

    对于数据字典,前端展现往往有三种常用的形式,下拉列表、单选按钮组和复选框组,其中,最常用是下拉列表,这里就以下拉列表的实现为例来说明,其他两种类似,不重复描述。 直接使用select组件,是不是可以呢?答案...

    《零基础学ASP.NET 2.0》第5章 创建智能表单

    5.4 单选按钮和单选按钮列表 84 5.4.1 RadioButton控件 84 5.4.2 RadioButtonList控件 86 5.5 下拉列表框 87 5.6 File Upload控件实现文件上传 88 5.7 BulletedList 控件创建项目列表 91 5.7.1 创建静态项目列表 91 ...

Global site tag (gtag.js) - Google Analytics