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 ...
随机推荐
- mysql连表更新
1.需求 有2张表,a表和b表,要把b表的name数据复制到a表中,当2表的id字段一样的时候 UPDATE A a, B b SET a.name = b.my_name WHERE a.id = ...
- 跟着百度学PHP[4]OOP面对对象编程-16-switch逻辑就语句
直接看案例.较为简单.不解释. <?php $chengji="; #先定义一个变量赋值一个数值 switch ($chengji) { && $chengji > ...
- Unity3D绑定button监听事件
一.可视化创建及事件绑定 第一步:通过Hierarchy面板创建button,如图 第二步:创建一个脚本名为TestClick,并定义一个名为Click的public方法 ? 1 2 3 4 5 6 ...
- bootstrap按钮
按钮 基类 -btn 样式 btn-default(默认) btn-link(链接) 大小 btn-*[lg,sm,xs] 状态 active disabled <!DOCTYPE HTML&g ...
- 关闭EXCEL进程
//导入Windows类库,可以获得进程ID [DllImport("User32.dll", CharSet = CharSet.Auto)] pub ...
- C#之类的继承、抽象类和虚方法
代码下载地址 类的继承: 写电池的基类:包含条码和箱体码两个字段,含有两个参数的构造函数 class Battery { public string _barCode; public string _ ...
- 如何使用shell脚本快速排序和去重文件数据
前面写过一篇通过shell脚本去重10G数据的文章,见<用几条shell命令快速去重10G数据>.然而今天又碰到另外一个业务,业务复杂度比上次的单纯去重要复杂很多.找了很久没有找到相应的办 ...
- 华为 MATE7 调试 LOCAT 日志不输出问题
[转]华为 MATE7 调试 LOCAT 日志不输出问题 http://www.cnblogs.com/glaivelee/p/4593221.html 用手机进行调试,在电脑上不显示logcat信息 ...
- ios cordite 读取错误CoreData could not fulfill a fault for '0x15b4a870
解释在这里 http://stackoverflow.com/questions/14296892/nsobjectinaccessibleexception-reason-coredata-coul ...
- ffmpeg-20160517-git-bin-v2
ESC 退出 0 进度条开关 1 屏幕原始大小 2 屏幕1/2大小 3 屏幕1/3大小 4 屏幕1/4大小 S 下一帧 [ -2秒 ] +2秒 ; -1秒 ' +1秒 下一个帧 -> -5秒 f ...