复选数据框

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

<script src="jquery-1.11.2.min.js"></script>

</head>

<body>

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

<div>

植物园<input type="checkbox" class="ck" value="植物园" />

公园<input type="checkbox" class="ck" value="公园" />

医院<input type="checkbox" class="ck" value="医院" />

餐厅<input type="checkbox" class="ck" value="餐厅" />

</div><br />

<div><input type="button" value="取值" id="btn" /></div><br />

<div>

请输入区域:<input type="text" id="qy" />

<input type="button" value="设置选中" id="szxz" />

</div>

</body>

<script type="text/javascript">

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

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

        //找到全选按钮的选中状态

        var xz=$(this).prop("checked");

        //将复选框列表里面所有的复选框的选中状态变为全选的选择状态

        $(".ck").prop("checked",xz);

        })

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

            var ck=$(".ck");

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

            {

                //取JQUERY对象

                //ck.eq(i).prop("checked");

                //取DOM对象

                //ck[i].checked

                if(ck.eq(i).prop("checked"))

                {

                    alert(ck.eq(i).val());

                }

            }

            })

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

        //获取用户输入的值

        var qy=$("#qy").val();

        //设置选中

        var ck=$(".ck");

        ck.prop("checked",false);

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

        {

            if(ck.eq(i).val()==qy)

            {

                ck.eq(i).prop("checked",true);

            }

        }

        })        

});

</script>

</html>

单选数据框

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

<script src="jquery-1.11.2.min.js"></script>

</head>

<body>

<div>

植物园<input type="radio" name="qy" class="ck" value="植物园" />

公园<input type="radio" name="qy" class="ck" value="公园" />

医院<input type="radio" name="qy" class="ck" value="医院" />

餐厅<input type="radio" name="qy" class="ck" value="餐厅" />

</div><br />

<div><input type="button" value="取选中值" id="btn" /></div>

</body>

<script type="text/javascript">

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

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

        var ck=$(".ck");

        //利用for循环输出

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

        {

                if(ck.eq(i).prop("checked"))

                {

                    alert(ck.eq(i).val());

                }

        }

        })

});

</script>

</html>

下拉数据条

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

<script src="jquery-1.11.2.min.js"></script>

</head>

<body>

<select id="qy">

<option value="1">所有</option>

<option value="植物园">植物园</option>

<option value="公园">公园</option>

<option value="医院">医院</option>

<option value="餐厅">餐厅</option>

</select>

<input type="button" value="取选中值" id="btn" /><br />

<div>请输入：

<input type="text" id="zhi" />

<input type="button" value="设置选中" id="szxz" />

</div>

</body>

<script type="text/javascript">

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

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

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

        })

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

        var zhi=$("#zhi").val();

        var op=$("option");

        /*for(var i=0;i<op.length;i++)

        {

            //op.eq(i).prop("selected");

            if(op.eq(i).val()==zhi)

            {

                op.eq(i).prop("selected",true);

            }

        }*/

        $("#qy").val(zhi);

        })

});

</script>

</html>

JQ 全选设定与设置选中的更多相关文章

  1. JQuery 判断checkbox是否选中，checkbox全选，获取checkbox选中值

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  2. jq 全选、反选、判断选中的条数

    1.全选或全不选.当勾选全选按钮#selectAll旁边的复选框#all时,列表中的选项全部选中,反之取消勾选则列表中的选项全部为未选中状态. $("#all").click(fu ...

  3. jq 全选和反选以及判断那条被选中

    <body><div><input type="checkbox" id="a" />全选</div><d ...

  4. 基于JQ的多选/全选/反选及获取选中的值

    <!-- author:青芒 --> <!DOCTYPE html> <html lang="en"> <head> <met ...

  5. jQ全选效果

    <ul id="list"> <li><label><input type="checkbox" value=&quo ...

  6. ----Juquery复选框全选反选及获取选中值Value

    --获取选中值 var pList = ""; $("[name='ckdProd']").each(function () { if ($(this).is( ...

  7. 点击checkbox全选，其它被选中，再点击取消

    <input type="checkbox" value="" id="checkall" name="" siz ...

  8. jq全选、全不选、反选、单删、批量删除

    <!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title> ...

  9. JQ 全选、全不选

    $(document).ready(function() { $("#isalldebt").click(function() { if ($(this).attr("c ...

随机推荐

  1. [Asp.net MVC]Asp.net MVC5系列——添加模型

    目录 概述 添加模型 总结 系列文章 [Asp.net MVC]Asp.net MVC5系列——第一个项目 [Asp.net MVC]Asp.net MVC5系列——添加视图 概述 在本节中我们将追加 ...

  2. 剑指Offer 整数中1出现的次数（从1到n整数中1出现的次数）

    题目描述 求出1~13的整数中1出现的次数,并算出100~1300的整数中1出现的次数?为此他特别数了一下1~13中包含1的数字有1.10.11.12.13因此共出现6次,但是对于后面问题他就没辙了. ...

  3. Python面试题库

    1.Python输出中文怎么解决 方法一:用encode和decode如:import os.pathimport xlrd,sys Filename=’/home/tom/Desktop/1234. ...

  4. phpcms评论框iframe无法自适应问题

    问题背景: 之前用友言的时候改过网站的ip地址,改成127开头的了.但是协同开发的时候别人用的还是localhost. 结果在用评论的时候iframe死活不能自适应,看了一下源代码v9本身已经写过if ...

  5. 【Supervisor】使用 Supervisor source command not found 如何解决

    结论: The source command is only available in bash, and the supervisor command is run by sh. I would r ...

  6. Java Dao设计模式

    一.信息系统的开发架构   客户层-------显示层-------业务层---------数据层---------数据库 1.客户层:客户层就是客户端,简单的来说就是浏览器. 2.显示层:JSP/S ...

  7. 7 天玩转 ASP.NET MVC — 第 3 天

    目录 第 1 天 第 2 天 第 3 天 第 4 天 第 5 天 第 6 天 第 7 天 0. 前言 我们假定你在开始学习时已经阅读了前两天的学习内容.在第 2 天我们完成了关于显示 Employee ...

  8. 解析sql语句中left_join、inner_join中的on与where的区别

    以下是对在sql语句中left_join.inner_join中的on与where的区别进行了详细的分析介绍,需要的朋友可以参考下 table a(id, type):id     type ---- ...

  9. spring + myBatis 常见错误：SQL语法错误

    在程序运行时,有时候会出现如下错误: 这个错误通常是你的sqlmapper.xml中sql语句语法有错误.所以请仔细查看你sql语句是否正确,比如{#id}这样写就会报上述错误,其实应该#{id}这样 ...

  10. centos7.0 安装vsftp实录

    安装VSFTP # 使用yum安装 yum -y install ftp vsftpd # 或者使用rpm安装以下两个包 .el7.x86_64 vsftpd--.el7.x86_64 # 另外需要安 ...