jQuery案例_@注册时选择阅读条款_@左右移动
来源:互联网 发布:钢珠自动上弹器在淘宝 编辑:程序博客网 时间:2024/06/06 00:22
注册时选择阅读条款
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
- <html>
- <head>
- <title>demo2.html</title>
-
- <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
- <meta http-equiv="description" content="this is my page">
- <meta http-equiv="content-type" content="text/html; charset=UTF-8">
-
- <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
-
- <script type="text/javascript" src="../js/jquery-1.9.1.js"></script>
-
- <script type="text/javascript">
- $(document).ready(function(){
- var $submitBtn=$("#submitBtn");//获取按钮对象
- //为按钮注册点击事件
- $submitBtn.click(function(){
- //alert("我被点击了!");
- });
-
- //第二种 绑定事件 第一个参数是绑定事件的类型,第二个参数是触发的函数
- $(submitBtn).bind("click",function(){
- var $check=$("#agree");//获取checkbook的元素对象
- //把jQuery转换成Dom对象
- /*var checkDom=$check[0];
- if(checkDom.checked){
- alert("同意注册!");
- }else{
- alert("请选择同意条款!");
- }*/
-
- if($check.is(":checked")){
- alert("同意注册!");
- }else{
- alert("请选择同意条款!");
- }
- });
- });
-
-
-
-
- </script>
-
- </head>
-
- <body>
- 注册条款:<input type="checkbox" id="agree"/>我已仔细阅读并接受csdn注册条款。
- <input type="submit" value="注册" id="submitBtn"/>
- </body>
- </html>
左右移动 ------------------------------------------------------------
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
- <html>
- <head>
- <title>demo03.html</title>
- <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
- <meta http-equiv="description" content="this is my page">
- <meta http-equiv="content-type" content="text/html; charset=UTF-8">
- <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
- <script type="text/javascript" src="../js/jquery-1.9.1.js"></script>
- <script type="text/javascript">
- $(document).ready(function(){
- var $romve=$("#romve");
- var $romves=$("#romves");
- $romve.click(function(){
- var $opts=$("#ropt>option:selected");
- $opts.appendTo("#lopt");
- });
- $romves.bind("click",function(){
- var $opts=$("#ropt>option");
- alert($opts.length);
- $opts.appendTo("#lopt");
- });
- //双击
- $("#ropt").bind("dblclick",function(){
- var $pots=$("#ropt>option:checked");
- $pots.appendTo("#lopt");
- });
- });
- $(document).ready(function(){
- var $lromve=$("#lromve");
- var $lromves=$("#lromves");
- //注册click事件
- $lromve.click(function(){
- var $opts=$("#lopt>option:selected");
- $opts.appendTo("#ropt");
- });
- //绑定事件
- $lromves.bind("click",function(){
- var $opts=$("#lopt>option");//获取所有的option
- //alert($opts.length);
- $opts.appendTo("#ropt");
- //$("#ropt").append($opts);
- });
- //双击
- $("#lopt").bind("dblclick",function(){
- var $opts=$("#lopt>option:checked");//获取所有的option
- $opts.appendTo("#ropt");
- });
- });
- </script>
- </head>
- <body>
- <h1 align="center">左右漂移</h1>
- <div style="position: absolute; left: 450px; top: 120px">
- <div style="float:left; width: 200px; height: 300px; background-color:lightsteelblue; text-align: center;"><br><br>
- <select id="lopt" multiple="multiple" size="9" style="width: 80px;">
- <option>aa</option>
- <option>bb</option>
- <option>cc</option>
- <option>dd</option>
- <option>ee</option>
- <option>ff</option>
- <option>gg</option>
- <option>hh</option>
- <option>pp</option>
- </select>
- <br/><br/>
- <input type="button" id="lromve" value="选中的右移" style="width: 80px;"/><br/><br/>
- <input type="button" id="lromves" value="全部右移" style="width: 80px;"/>
- </div>
- <div style ="width: 200px; height: 300px; background-color: #bbffaa; text-align: center;"><br><br>
- <select id="ropt" multiple="multiple" size="9" style="width: 80px;">
- <option>选项1</option>
- <option>选项2</option>
- <option>选项3</option>
- <option>选项4</option>
- <option>选项5</option>
- <option>选项6</option>
- <option>选项7</option>
- <option>选项8</option>
- <option>选项9</option>
- </select>
- <br/><br/>
- <input type="button" id="romve" value="选中的左移" style="width: 80px;"/><br/><br/>
- <input type="button" id="romves" value="全部左移" style="width: 80px;"/>
- </div>
- </div>
- </body>
- </html>
- jQuery案例_@注册时选择阅读条款_@左右移动
- jQuery案例----注册时选择阅读条款
- jQuery案例----左右移动
- Jquery的基本选择器_二级联动_全选反选_左右移动_AJAX
- jQuery实现select下拉框左右选择_交换内容
- JavaWeb_mvc案例_注册登录
- jQuery插件实现select下拉框左右选择_交换内容
- 黑马程序员_用户登录注册案例
- 大话移动app测试_阅读
- jQuery插件实现select下拉框左右选择_交换内容(multiselect2side) 的一些网站 (有时间整理)
- 用户注册验证_基于jquery validate
- 基于jQuery的控制左右滚动效果_自动滚动
- 黑马程序员_集合实现控制台登录注册案例
- 黑马程序员_一个登录注册小案例
- 黑马程序员_关于使用IO进行登录注册案例
- 集合框架_用户登录注册案例分析图解
- IO流_登录注册案例IO版实现
- 注册时先阅读条款,10秒后按钮可用
- c#Cookie的使用
- cookie的循环写入和跨页面读出
- 人应该“懒”一些
- J-LINK V8固件烧录指导
- 如何截取Http请求
- jQuery案例_@注册时选择阅读条款_@左右移动
- Eclipse用法和技巧四:生成说明文档1
- 圆形碰撞
- 371. Respect yourself, or no one will respect you. 要人尊重,必须自重
- Delphi Socket编程(1)
- linux对i386保护模式的选择性使用
- 通过SQL绘制杨辉三角
- Winform版计算器
- 基于JCFXBL与GSM短信猫的短信中心建设方案