简单对象取值代码,JS代码库,德仔网

代码语言

代码分类

【JS】简单对象取值

作者:羊村村长 / 发布于2014/11/7/ 491


	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="UTF-8">
	<title>Jquery实现组件取值</title>
	<script type="text/javascript">
	 function btnclick() {
	 //获取文本框的值
	 var nameText = document.getElementById("nameText").value;
	 alert(nameText);
	 //获取密码框的值
	 var password=document.getElementById("password").value;
	 alert(password);
	 //获取单选框的值
	 /**
	 1，通过元素的名字获取元素列表
	 var obj = document.getElementsByName("fruit");
	 2，通过标签的名字获取元素列表
	 var obj = document.getElementsByTagName("input");
	 3，是否选中
	 obj[i].checked;
	 4，单选框里面的值
	 obj[i].value;
	 */
	 var sexobj=document.getElementsByName("sexradio");
	 for(var i=0;i<sexobj.length;i++){
	 if(sexobj[i].checked){
	 alert(sexobj[i].value);
	 }
	 }
	 //获取复选框的值
	 var hobbyobj=document.getElementsByName("hobby");
	 for(var i=0;i<hobbyobj.length;i++){
	 if(hobbyobj[i].checked){
	 alert(hobbyobj[i].value);
	 }
	 }
	 //获取下拉框的值
	 var book=document.getElementById("book");
	 for(var i=0;i<book.options.length;i++){
	 if(book.options[i].selected){
	 alert(book.options[i].value);
	 }
	 }
	 }
	</script>
	</head>
	<body>
	 用户<input id="nameText" type="text" name="userText">
	 密码<input id="password" type="password" name="password">
	 性别 <input id="radio1" type="radio" name="sexradio" value="男">男
	 <input id="radio2" type="radio" name="sexradio" value="女">女
	 婚否<input id="checkbox" type="checkbox" name="merry">
	 爱好<input id="hobby1" type="checkbox" name="hobby" value="football">足球
	 <input id="hobby2" type="checkbox" name="hobby" value="basketball">篮球
	 <input id="hobby3" type="checkbox" name="hobby" value="pingpang">乒乓球
	
	 喜欢的水果<select id="fruit" name="fruit">
	 <option value="choose">请选择喜欢的水果</option>
	 <option value="apple">苹果</option>
	 <option value="pear">梨</option>
	 <option value="banana">香蕉</option>
	 </select> 
	 喜欢的书籍 <select id="book" name="book" multiple="multiple">
	 <option value="0" selected="selected">请选择喜欢的书籍</option>
	 <option value="1">苹果</option>
	 <option value="2">梨</option>
	 <option value="3">香蕉</option>
	 </select>
	 <input id="basebut" type="button" value="提交" onclick="btnclick()">
	</form>
	</body>
	</html>

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

　简单对象取值　

同语言下

可能有用的

羊村村长贡献的其它代码(7)