JQ 全选设定与设置选中
复选数据框
<!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 全选设定与设置选中的更多相关文章
- JQuery 判断checkbox是否选中，checkbox全选，获取checkbox选中值
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- jq 全选、反选、判断选中的条数
1.全选或全不选.当勾选全选按钮#selectAll旁边的复选框#all时,列表中的选项全部选中,反之取消勾选则列表中的选项全部为未选中状态. $("#all").click(fu ...
- jq 全选和反选以及判断那条被选中
<body><div><input type="checkbox" id="a" />全选</div><d ...
- 基于JQ的多选/全选/反选及获取选中的值
<!-- author:青芒 --> <!DOCTYPE html> <html lang="en"> <head> <met ...
- jQ全选效果
<ul id="list"> <li><label><input type="checkbox" value=&quo ...
- ----Juquery复选框全选反选及获取选中值Value
--获取选中值 var pList = ""; $("[name='ckdProd']").each(function () { if ($(this).is( ...
- 点击checkbox全选，其它被选中，再点击取消
<input type="checkbox" value="" id="checkall" name="" siz ...
- jq全选、全不选、反选、单删、批量删除
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title> ...
- JQ 全选、全不选
$(document).ready(function() { $("#isalldebt").click(function() { if ($(this).attr("c ...
随机推荐
- BZOJ2051——A Problem For Fun
0.题意:给出一个N个结点的树,每条边有一个正整数权值,定义两个结点的距离为连接这两个结点路径上边权的和.对于每个结点i,它到其他N-1个结点都有一个距离,将这些距离从小到大排序,输出第K个距离. 1 ...
- 使用json存储结构化数据
从文件中读写字符串很容易.数值就要多费点儿周折,因为read ()方法只会返回字符串,应将其传入int()这样的函数,就可以将'123'这样的字符串转换为对应的数值 123.当你想要保存更为复杂的数据 ...
- Oracle sysdate 时间加减
加法 select sysdate,add_months(sysdate,12) from dual; --加1年 select sysdate,add_months(sysdate,1 ...
- 一起入门python5之for循环
昨天中午本来写了的,结果手贱了一下ctrl+x以后又去复制了别的东西.结果所有写的都没有了.蛋疼.继续写吧.今天来说for循环即条件判断>>> age = 20 #首先 ...
- Python 学习笔记四
接着三继续写http://www.cnblogs.com/dzzy/p/5295019.html 文件和函数操作: from sys import argv script,input_file=arg ...
- jQuery FileUpload等插件的使用实例
1.jQuery FileUpload 需要的js: jquery.js jquery.fileupload.js jquery.iframe-transport.js jquery.xdr-tran ...
- 【leetcode】Surrounded Regions
Surrounded Regions Given a 2D board containing 'X' and 'O', capture all regions surrounded by 'X'. A ...
- 第十天 多进程、协程（multiprocessing、greenlet、gevent、gevent.monkey、select、selector）
1.多进程实现方式(类似于多线程) import multiprocessing import time,threading def thread_run():#定义一个线程函数 print(&quo ...
- python: extend (扩展) 与 append (追加) 的差别
>>> li = ['a', 'b', 'c'] >>> li.extend(['d', 'e', 'f']) >>> li ['a', 'b', ...
- 在wpf中使用winrt的Toast弹框效果
源码地址:https://code.msdn.microsoft.com/windowsdesktop/Sending-toast-notifications-71e230a2/sourcecode? ...