码迷,mamicode.com
首页 > 其他好文 > 详细

条件运算符

时间:2017-03-29 17:19:17      阅读:150      评论:0      收藏:0      [点我收藏+]

标签:document   span   style   charset   script   htm   com   inpu   cli   

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>条件运算符</title>
	<style type="text/css">
		*{margin:0; padding: 0;}
		body{ line-height: 30px; }
		#demo{ color: red; }
	</style>
</head>
<body>
<p>点击按钮检查测年龄</p>
年龄:<input type="text" value="" id="age" />
<p>是否达到投票年龄?</p>
<button onclick="myFunction()">点击按钮</button>
<p id="demo"></p>
<script type="text/javascript">
	function myFunction(){
		var age,voteable;
		age=document.getElementById(‘age‘).value;
		voteable=(age<18)?"年龄太小":"年龄已到达";
		document.getElementById(‘demo‘).innerHTML=voteable;
	}
</script>
</body>
</html>

 

如果变量 age 中的值小于 18,则向变量 voteable 赋值 "年龄太小",否则赋值 "年龄已达到"。

实例:

技术分享技术分享

 

条件运算符

标签:document   span   style   charset   script   htm   com   inpu   cli   

原文地址:http://www.cnblogs.com/huanghuali/p/6640726.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!