码迷,mamicode.com
首页 > Web开发 > 详细

[k]jQuery--radio

时间:2015-07-28 18:19:06      阅读:114      评论:0      收藏:0      [点我收藏+]

标签:

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4 <meta charset="UTF-8">
 5 <title>jquery--radio</title>
 6 <script src="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script>
 7 <style>
 8 .week{display:inline-block;}
 9 </style>
10 </head>
11 <body>
12 <div class="week monday">
13     <input type="radio" name="week" id="Monday" value="1" checked="checked" />
14     <label for="Monday">星期一</label>
15 </div>
16 <div class="week tuesday">
17     <input type="radio" name="week" id="Tuesday" value="1" />
18     <label for="Tuesday">星期二</label>
19 </div>
20 <div class="week wednesday">
21     <input type="radio" name="week" id="Wednesday" value="2" />
22     <label for="Wednesday">星期三</label>
23 </div>
24 <div class="week thursday">
25     <input type="radio" name="week" id="Thursday" value="3" />
26     <label for="Thursday">星期四</label>
27 </div>
28 <div class="week friday">
29     <input type="radio" name="week" id="Friday" value="4" />
30     <label for="Friday">星期五</label>
31 </div>
32 </body>
33 </html>

注意:调试radio的属性类似于调试checkbox的属性

[k]jQuery--radio

标签:

原文地址:http://www.cnblogs.com/k11590823/p/4683308.html

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