jQuery,选择喜欢的水果

原创 2018年04月16日 20:46:33
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>jQuery</title>
	<script src="../js/jquery.js"></script>
	<script>
		$(function(){
			$('#btn1').click(function(){
				
			
				alert("你选择的是:"+$('input[type = radio]:checked').val());

			});
		});
   </script>

</head>
<body>
	<p>请选择你喜欢的水果:</p>
	<input type="radio" name="fruit" value="苹果">苹果
	<input type="radio" name="fruit" value="香蕉">香蕉
	<input type="radio" name="fruit" value="桔子">桔子
	<br>
	<button id="btn1">提交</button> 
</body>
</html>

效果图:



Js小案例之选择水果

选择水果移到另一个选择框中: 一种是全部移过去,还有一种是将选中内容的移过去 第一种就使用一个for循环将其全部移过去 由于每移动一次,长度都会发生变化,所以在这里,我们需要使用倒序的f...
  • Evan_QB
  • Evan_QB
  • 2017-08-29 22:48:29
  • 875

第五章-if语句

  • SCDS_Zyx
  • SCDS_Zyx
  • 2018-03-31 14:27:52
  • 7

第五章 IF语句

    cars = ['audi','bmw','toyota']    for car in cars:        if car == 'bmw':            print(car....
  • sinat_37445579
  • sinat_37445579
  • 2018-03-31 14:12:03
  • 6

C#入门3.5——本章总结及任务实施

再学习一句话:Console.ReadLine(); 用于接收用户的输入,要定义一个字符串变量来接收存储用户输入的值。 1.练习:问用户喜欢吃什么水果(fruits),假如用户输入“苹果”,则显示“...
  • QPC908694753
  • QPC908694753
  • 2016-08-04 08:24:22
  • 195

Linux中tcpdump命令

Ubuntu Linux中输入tcpdump: 提示no suitable device found!  原因:网络监听需要root权限,切换到root用户下就可以正常使用了 sudo tcpdu...
  • doupei2006
  • doupei2006
  • 2012-04-21 23:38:47
  • 881

JS_水果排序选择

水果选择排序版本 select { width: 150px; height: 200px; ...
  • ziwutong88
  • ziwutong88
  • 2016-11-30 01:59:19
  • 316

第三周——第五章if语句

5-7  喜欢的水果 :创建一个列表,其中包含你喜欢的水果,再编写一系列独立的 if 语句,检查列表中是否包含特定的水果。将该列表命名为 favorite_fruits ,并在其中包含三种水果。编写 ...
  • qq_37875323
  • qq_37875323
  • 2018-03-19 20:28:49
  • 30

纯js版切水果

  • 2014年08月13日 17:31
  • 1.08MB
  • 下载

Canvas 类库ZRender开发的接水果的小游戏

最近使用了轻量级的 Canvas 类库 ZRender开发了一些自定义图件,所以想试试用zrender开发小游戏怎么样,自己也没什么经验,所以写着玩吧,可能有些逻辑部分写的不是很好。。这个小游戏很简单...
  • cc_fys
  • cc_fys
  • 2018-01-11 20:34:23
  • 138
收藏助手
不良信息举报
您举报文章:jQuery,选择喜欢的水果
举报原因:
原因补充:

(最多只允许输入30个字)