`
yuelong
  • 浏览: 33841 次
  • 性别: 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前端开发试卷及答案.pdf

    Web 前端开发常见问题 1. 如何解决 Firefox 中标签的居中问题? 答案:使用 *{margin: 0px auto;} 语法可以解决 Firefox 中标签的居中问题。 2. 如何写出超链接的顺序或者初始样式中的链接方法? 答案:可以使用 a:...

    Web前端开发中级样题一理+实.zip

    【标题】"Web前端开发中级样题一理+实.zip" 涵盖了Web前端开发的理论与实践,这是一份针对1+x Web前端开发技能等级考试的中期练习题目集合。1+x标准旨在衡量和提升学员在Web前端领域的专业技能,确保他们具备企业级...

    web前端原型

    JavaScript是实现Web前端交互的关键,通过jQuery、React、Vue等库或框架,开发者可以轻松地处理DOM操作、事件监听、异步请求等任务。在原型设计中,JavaScript常用于模拟实际功能,比如按钮点击后的响应、表单验证、...

    web前端软件开发常见笔试题

    Web 前端软件开发笔试题集锦 本篇文章主要针对求职 ...这篇文章涵盖了 Web 前端开发中的一些常见问题和知识点,包括正则表达式、字符串处理、Hash 表、浏览器兼容性、javascript 命名规范、函数封装和面向对象编程等。

    web前端开发课程概述.pptx

    Web前端开发是构建互联网应用程序和网站的关键组成部分,它涉及到用户在浏览器中看到和交互的所有内容。本课程将深入探讨Web前端开发的核心技术,包括HTML、CSS和JavaScript,以及它们如何协同工作来创建丰富的用户...

    1+x 证书 Web 前端开发初级实操考试.zip

    "1+x 证书 Web 前端开发初级实操考试"是一个针对初学者设计的实践考核,旨在检验学习者在Web前端开发领域的基础技能和理解程度。这个考核可能包括HTML、CSS、JavaScript等核心技术的运用,以及对网页布局、响应式...

    web前端课程设计.zip

    在本课程设计中,主题为"web前端课程设计.zip",主要涵盖了两个核心的技术领域:HTML(HyperText Markup Language)和CSS(Cascading Style Sheets)。这个项目是针对大学非专业选修课的学生,旨在帮助他们理解并...

    web网页前端模板

    它包括各种页面布局、导航选项、表单元素、图标集、JavaScript插件等,涵盖了大部分常见的网页需求。这些预设的组件和样式可以帮助开发者节省大量时间,使他们能够专注于业务逻辑和功能实现,而不是基础界面设计。 ...

    Web前端面试的常见知识点.pdf

    在Web前端面试中,重绘与重排(回流)的知识点是考核应聘者对HTML页面性能优化理解的重要方面。在面试过程中,面试官常常通过这部分内容来判断应聘者是否具备深入理解浏览器渲染机制的能力。 首先,了解什么是重绘...

    web前端开发音乐播放器网页代码

    在web前端开发中,创建一个音乐播放器网页是一项常见的任务,它涉及到HTML、CSS和JavaScript等核心技术。HTML用于构建页面的基本结构,CSS负责样式和布局,而JavaScript则为页面添加交互性和动态功能,如播放、暂停...

    WEB前端面试宝典

    在IT行业中,Web前端开发是构建互联网应用的重要领域,它主要负责用户可见并交互的网页部分。本资源“WEB前端面试宝典”是一份全面的面试准备指南,旨在帮助求职者掌握关键技能,提高面试成功概率。以下是这份宝典...

    Web前端开发技术-综合案例(简易留言板).pptx

    在Web前端开发中,构建一个简易留言板功能是一个常见的实践项目,它涵盖了HTML、CSS和JavaScript的基础知识,特别是涉及DOM操作和事件处理。本案例通过一个综合的实例来讲解如何使用这些技术。 首先,我们需要理解...

    web前端旅游页面div+css实现

    【标题】:“web前端旅游页面div+css实现” 在网页设计中,前端开发扮演着至关重要的角色,它决定了用户与网站交互的直观性和美观性。本项目“web前端旅游页面div+css实现”是一个专注于旅游主题的前端页面设计实例...

    超详细的web前端基础学习笔记

    #### 超详细的web前端基础学习笔记 ##### 前端课程介绍 - **HTML**:HTML (HyperText Markup Language) 是一种标记语言,用于定义网页的结构与内容。它如同网页的骨架,为网页提供基本框架。 - **CSS**:CSS ...

    web前端开发常用图标

    在web前端开发中,图标(Icon)是一种至关重要的设计元素,它们可以清晰、直观地传达信息,提升用户体验,同时也能增强网页的视觉吸引力。本文将深入探讨web前端开发中常用的图标及其应用,帮助你更好地理解和使用...

    手机移动端web前端常见问题整理文档

    【手机移动端Web前端常见问题整理文档】 在手机移动端的Web前端开发中,开发者经常会遇到一系列与屏幕尺寸、分辨率、长度单位以及像素密度相关的挑战。理解这些问题对于创建适应各种设备的响应式网页至关重要。 1....

    Axure 8 Web前端+后台+移动前端 元件库

    Web前端元件库包含了一系列常见的网页设计组件,如按钮、表单、导航栏、下拉菜单、滑块、图像等。这些元件符合Web标准,可以模拟各种网页布局和交互效果,帮助产品经理快速搭建网页原型,展示用户界面的初步设计。 ...

    web前端学习资料

    在IT领域,Web前端开发是构建互联网应用的重要部分,它主要负责用户可见并交互的部分。这份"web前端学习资料"的压缩包显然包含了帮助初学者或有经验的开发者提升技能的相关资源。以下是一些关于HTML和CSS的重要知识...

    2022年web前端最全面试题及答案【含vue-react】.docx

    本资源是一个涵盖Web前端开发的常见问题和答案的集合,涵盖HTML、CSS和JavaScript等领域。本文将对这些问题和答案进行分类和解释,并对相关知识点进行详细的解释。 HTML篇 1. Doctype的作用是什么? Doctype是...

Global site tag (gtag.js) - Google Analytics