1.全选

<body>

<input type="checkbox" id="qx" /> 全选

<input type="checkbox" value="01" class="ck" />

<input type="checkbox" value="02" class="ck" />

<input type="checkbox" value="03" class="ck" />

<input type="checkbox" value="04" class="ck" />

<input type="checkbox" value="05" class="ck" />

</body>

<script type="text/javascript">

$("#qx").click(function(){

    var xz = $(this).prop("checked");//设置($this)这个全选按钮自身的属性是"checked"

    var ck = $(".ck").prop("checked",xz);//xz放入之前的prop里的属性为ture

})

</script>

2.下拉

<select id="sel">

    <option value="1111">1111</option>

    <option value="2222">2222</option>

    <option value="3333">3333</option>

</select>

<input type="button" value="取下拉" id="b1" />

<script type="text/javascript">$("#b1").click(function(){

    alert($("#sel").val());

})

</script>

3.单选

<input type="radio" value="01" class="rd"  name="a"/>

<input type="radio" value="02" class="rd" name="a" />

<input type="radio" value="03" class="rd" name="a" />

<input type="radio" value="04" class="rd" name="a" />

<input type="radio" value="05" class="rd" name="a" />

<input type="button" value="取单选" id="b2" />

<script type="text/javascript">

$("#b2").click(function(){

    var rd = $(".rd");

    for(var i=0;i<rd.length;i++)

    {

        if(rd[i].checked)

        {

            alert(rd[i].value);

        }

    }

})

</script>

加事件

<style type="text/css">

.aaa{ width:150px; height:150px; background-color:#06F}

</style>

<body>

<div class="aaa">111111</div>

<div class="aaa">222222</div>

<div class="aaa">333333</div>

</body>

<script type="text/javascript">

$(document).ready(function(e) {

    $(".aaa").click(function(){

        $(".aaa").css("background-color","#06f");

        $(this).css("background-color","red");

        })

});

</script>

挂事件

<input type="button" value="挂事件" id="btn" />

<input type="button" value="移除事件" id="btn1" />

<div id="a" style="width:100px; height:100px">cccc</div>

<script type="text/javascript">

$(document).ready(function(e) {

    $("#btn").click(function(){

        $("#a").bind("click",function(){

            $("#a").css("background-color","red");

            alert("事件");

            })

        })

    $("#btn1").click(function(){

        $("#a").unbind("click");

        })

});

</script>

jquery全选+下拉+单选+事件+挂事件的更多相关文章

  1. 使 用 Jquery 全选+下拉+单选+事件+挂事件

    先引用Jquery代码包 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http: ...

  2. MVC身份验证.MVC过滤器.MVC6关键字Task,Async.前端模拟表单验证,提交.自定义匿名集合.Edge导出到Excel.BootstrapTree树状菜单的全选和反选.bootstrap可搜索可多选可全选下拉框

    1.MVC身份验证. 有两种方式.一个是传统的所有控制器继承自定义Control,然后再里面用MVC的过滤器拦截.所以每次网站的后台被访问时.就会先走入拦截器.进行前端和后端的验证 一个是利用(MVC ...

  3. 自定义Angular指令与jQuery实现的Bootstrap风格数据双向绑定的单选&多选下拉框

    先说点闲话,熟悉Angular的猿们会喜欢这个插件的. 00.本末倒置 不得不承认我是一个喜欢本末倒置的人,学生时代就喜欢先把晚交的作业先做,留着马上就要交的作业不做,然后慢悠悠做完不重要的作业,卧槽 ...

  4. js：jquery multiSelect 多选下拉框实例

    <!doctype html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  5. Jquery ajax 绑定multiselect多选下拉选项,同时异步执行返回值

    Jquery ajax 绑定multiselect多选下拉选项,同时异步执行获取返回值 function load(mslt_employees,belongto,mark) {//传入$(#ID) ...

  6. DropDownList单选与多选下拉框

    一.单选DropDownList传值 1.添加界面的DropDownList显示值问题 (1)在方法内添加ViewData的方法: var ad = new UnitsRepository(); Vi ...

  7. js多选下拉框

    1.js原生实现 1.1:引用JS文件 /*! jQuery v1.12.4 | (c) jQuery Foundation | jquery.org/license */ !function(a,b ...

  8. JQuery操作select下拉框

    JQuery操作select下拉框 获取Select选择的Text和Value $("#select_id").change(function(){//code...}); //为 ...

  9. pentaho cde 自定义复选下拉框 checkbox select

    pentaho  自带的component 虽多,但是当用户需要在一个表格中查看多个组别的数据时,pentaho自带的单选框就不能实现了,所以复选下拉框势在必行,实现效果如下: 实现原理是借用了jqu ...

随机推荐

  1. SU Demos-04Deconvolution-02Wiener_Levinson

    本Demo共有4个脚本,我只看了第一个,后面的3个不熟悉,就不往这里贴图了,望谅解. 不足之处,欢迎批评指正. 先看readme 生成数据所需的c程序 make上述c程序时需要的makefile(本人 ...

  2. Python实践：提取文章摘要

    一.概述 二.纯文本摘要 三.HTML摘要 一.概述 在博客系统的文章列表中,为了更有效地呈现文章内容,从而让读者更有针对性地选择阅读,通常会同时提供文章的标题和摘要. 一篇文章的内容可以是纯文本格式 ...

  3. 递推DP URAL 1586 Threeprime Numbers

    题目传送门 /* 题意:n位数字,任意连续的三位数字组成的数字是素数,这样的n位数有多少个 最优子结构:考虑3位数的数字,可以枚举出来,第4位是和第3位,第2位组成的数字判断是否是素数 所以,dp[i ...

  4. Codeforces 86C Genetic engineering（AC自动机+DP）

    题目大概是给几个DNA片段,求构造一个长度n的字符串的方案数,要求这个字符串每个位置的字符都属于某个包含于此字符串的DNA片段. 把那些DNA片段建一个AC自动机.考虑状态的表示: dp[len][x ...

  5. CodeForces Round 195 Div2

    A. Vasily the Bear and Triangletime limit per test1 secondmemory limit per test256 megabytesinputsta ...

  6. 操作properties文件，注意抹掉最前面的"file:"

    package com.xiewanzhi.property; import java.io.BufferedInputStream; import java.io.File; import java ...

  7. BZOJ3251 : 树上三角形

    BZOJ AC1000题纪念~~~ 将x到y路径上的点权从小到大排序 如果不存在b[i]使得b[i]+b[i+1]>b[i+2]则无解 此时b数列增长速度快于斐波那契数列,当达到50项时就会超过 ...

  8. mysql的jdbc入门学习小结

    转自:专注JavaWeb开发 http://www.javaweb1024.com/data/MySQL/2015/04/25/618.html 一.jdbc基本概念jdbc : Java Datab ...

  9. currentRowChanged 的注意事项

    Qt中的表单控件QListWidget类提供了许多信号函数,可以和用户交互,其中有个currentRowChanged ( int currentRow ) 是检测当前选中行是否发生了改变,如果改变了 ...

  10. hdu Line belt

    这道题是一道3分搜索的题.其实这种题很多时候都出现在高中的解析几何上,思路很简单,从图中可以看到,肯定在AB线段和CD线段上各存在一点x和y使得所花时间最少 因为AB和CD上的时间与x和y点的坐标都存 ...