`
yuelong
  • 浏览: 33161 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

Web前段常见元素处理

Web 
阅读更多

 

1、页面中Select处理

 

var units = document.getElementById("rllist");
    	var newGroupId = "";
    	for(var i=0;i<units.options.length;i++){
    		if(units.options[i].selected==true){
    			newGroupId = units[i].value;
    			break;
    		}
    	}

 

 后来试了一下,其实不用这么麻烦,可以直接拿到选中的值,惭愧、、、

var units = document.getElementById("rllist").value;
 

 

 2、页面中radio处理

 

function getgroupuser(){
		var userarry = document.getElementsByName("leaderid");
		var groupuser = "";
		var groupleader = "";
		for(var i = 0; i < userarry.length; i++ ) {
			groupuser += userarry[i].value + ",";
			if(userarry[i].checked == true) {
				groupleader = userarry[i].value;
			}
		}
		var obj = new usergroup();
		obj.userid = groupuser;
		obj.leader = groupleader;
		return obj;
	}

 

3、页面中checkbox处理

 

var obj = document.getElementsByName("check_enable");
var ids = "";
    	for(var i = 0; i < obj.length; i++ ) {
    		if(obj[i].checked == true) {
    			ids += obj[i].value + ";";
    		}
    	}

 

 

 

 

 

分享到:
评论

相关推荐

    超经典的Web前端与移动开发基础视频 Web前端基础开发视频教程 移动开发基础视频教程

    14前端开发基础视频-常见前端的名词解释.avi 15前端开发基础视频-网页的组成html+css+JavaScript.avi 16前端开发基础视频-HTML的页面结构.avi 17前端开发基础视频-HTML的语法.avi 18前端开发基础视频-HTML的...

    web前端第一阶段视频教程

    web前端第一阶段视频教程目录HTML 部分webstrom 的常用配置及快捷键什么是 HTML. DTD 文档声明基本标签行内元素与块元素请求响应模型Frameset 框架集表格布局页面中常见的图像格式HTML 实体字符表单HTML5 中的 ...

    Web前端开发技术-二维数组及操作.pptx

    Web前端开发技术 二维数组及操作 创建二维数组 创建二维数组的两种常见方式的用法: var info = new Array( new Array('Tom', 13, 155), new Array('Lucy', 11, 152) ); console.log(info[0]); // 输出结果:(3) [...

    编写高质量代码-Web前端开发修炼之道.azw3

    1.2 Web标准——结构、样式和行为的分离 1.3 前端的现状 1.4 打造高品质的前端代码,提高代码的可维护性——精简、重用、有序 第2章 团队合作 2.1 揭秘前端开发工程师 2.2 欲精一行,必先通十行 2.3 增加代码...

    web前端开发中常见的多列布局解决方案整理(一定要看)

    多列布局在web前端开发中也是较为常见的,比如常见的三列、四列及以上,列的布局使得单一的页面可以展示更多分门别类的内容。这里会提到的多列布局有两列定宽加一列自适应、多列不定宽加一列自适应、多列等分三种。 ...

    Web前端开发基础:使用JavaScript实现验证效果.ppt

    突变事件 通过设置页面元素的事件处理句柄可以将页面元素的特定事件和一段事件处理代码关联起来。通常,事件句柄的命名原则是在事件名称前加上前缀on。如鼠标移动MouseOver事件,其事件句柄为onMouseOver。 基本语法...

    Web前端开发技术-数组基本操作.pptx

    创建数组的两种常见方式的用法: 使用“new Array()”创建数组 使用“[ ]”字面量来创建数组 // 使用new Array()创建数组 var arr1 = new Array(); // 使用字面量来创建数组 var arr1 = []; 数组基本操作 访问数组...

    web前端开发注册的HTML5常见问题

    在CSS中,当添加了新功能(例如,border-radius将圆角添加到元素的属性)时,该功能也必须添加到浏览器的渲染引擎中,因此较旧的浏览器将无法识别它。如果用户在不支持的浏览器上查看页面border-radius,则圆角将...

    前端专用可视化静态页面+可视化大屏

    前端可视化静态页面和可视化大屏是 Web 前端开发中常见的两种应用场景。下面我将分别介绍它们的特点和常用的技术。 可视化静态页面 可视化静态页面主要用于展示数据和信息,并通过图表、图形等可视化元素呈现给用户...

    MVC WebApi 用户权限验证及授权DEMO

    目前常见的方式是Form认证,其处理逻辑描述如下: 1) 用户首先要在登录页面输入用户名和密码,然后登录系统,获取合法身份的票据,再执行后续业务处理操作; 2) 用户在没有登录的情况下提交Http页面访问请求,如果...

    一套白色系,mac风格的前端模板框架

    一套白色系,mac风格的前端模板框架,支持页面标签切换,适用于常见管理后台前端页面开发。ui元素标比较丰富,可以满足常见页面应用。

    前端开发笔记.docx

    前端开发是指构建和开发Web应用程序的过程,主要涉及创建用户界面、实现交互功能以及优化用户体验。前端开发人员使用各种技术和工具来设计和构建Web页面,使其在不同的设备和浏览器上都能良好运行。 在前端开发的...

    【前端素材】模板-多种实用文字.zip

    以下是一些常见的前端动画素材的技术实现方式: CSS 动画:使用 CSS 属性(如@keyframes、transition、transform等)来实现动画效果。这种方式简单易用,适合实现简单的动画效果,如过渡、旋转、缩放等。 ...

    【前端素材】模板-多种实用三角形.zip

    以下是一些常见的前端动画素材的技术实现方式: CSS 动画:使用 CSS 属性(如@keyframes、transition、transform等)来实现动画效果。这种方式简单易用,适合实现简单的动画效果,如过渡、旋转、缩放等。 ...

    【前端素材】模板-多种实用swiper.zip

    以下是一些常见的前端动画素材的技术实现方式: CSS 动画:使用 CSS 属性(如@keyframes、transition、transform等)来实现动画效果。这种方式简单易用,适合实现简单的动画效果,如过渡、旋转、缩放等。 ...

    【前端素材】模板-多种实用SVG.zip

    以下是一些常见的前端动画素材的技术实现方式: CSS 动画:使用 CSS 属性(如@keyframes、transition、transform等)来实现动画效果。这种方式简单易用,适合实现简单的动画效果,如过渡、旋转、缩放等。 ...

    【前端素材】模板-多种实用节日.zip

    以下是一些常见的前端动画素材的技术实现方式: CSS 动画:使用 CSS 属性(如@keyframes、transition、transform等)来实现动画效果。这种方式简单易用,适合实现简单的动画效果,如过渡、旋转、缩放等。 ...

    【前端素材】模板-多种实用loading.zip

    以下是一些常见的前端动画素材的技术实现方式: CSS 动画:使用 CSS 属性(如@keyframes、transition、transform等)来实现动画效果。这种方式简单易用,适合实现简单的动画效果,如过渡、旋转、缩放等。 ...

    【前端素材】模板-多种实用环形.zip

    以下是一些常见的前端动画素材的技术实现方式: CSS 动画:使用 CSS 属性(如@keyframes、transition、transform等)来实现动画效果。这种方式简单易用,适合实现简单的动画效果,如过渡、旋转、缩放等。 ...

Global site tag (gtag.js) - Google Analytics