jquery全部选是,全部选否。
<div class="col-md-9">
<div class="box box-primary">
<div class="box-header with-border">
<h3 class="box-title">权限设置</h3>
<!-- /.box-tools -->
</div>
<!-- /.box-header -->
<div class="box-body">
<div class="mailbox-controls">
<div class="form-group">
<label>
<input type="radio" name="allselect" value="1" class="minimal">
全部选是
</label>
<label>
<input type="radio" name="allselect" value="0" class="minimal">
全部选否
</label>
</div> </div>
<div class="table-responsive mailbox-messages">
<form class="js-form" action="" method="post" >
<table class="table table-hover table-striped">
<tbody>
<tr>
<th>页面名称</th>
<th>查看页面</th>
<th>修改页面</th>
<th>增加页面</th>
<th>添加批注</th>
</tr>
<tr>
<!-- <td><input type="checkbox"></td> -->
<td>页面一</td>
<td>
<select class="form-control" name="read">
<option value="1">是</option>
<option value="0">否</option>
</select>
</td>
<td>
<select class="form-control" name="modify">
<option value="0">否</option>
<option value="1">是</option>
</select>
</td>
<td>
<select class="form-control" name="addpage">
<option value="0">否</option>
<option value="1">是</option>
</select>
</td>
<td>
<select class="form-control" name="annotation">
<option value="0">否</option>
<option value="1">是</option>
</select>
</td>
</tr>
<tr>
<!-- <td><input type="checkbox"></td> -->
<td>页面一</td>
<td>
<select class="form-control" name="read1">
<option value="1">是</option>
<option value="0">否</option>
</select>
</td>
<td>
<select class="form-control" name="modify1">
<option value="0">否</option>
<option value="1">是</option>
</select>
</td>
<td>
<select class="form-control" name="addpage1">
<option value="0">否</option>
<option value="1">是</option>
</select>
</td>
<td>
<select class="form-control" name="annotation1">
<option value="0">否</option>
<option value="1">是</option>
</select>
</td>
</tr>
</tbody>
</table>
<!-- /.table -->
<a href="javascript:;" class="btn btn-primary btn-block margin-bottom">保存</a>
</form> </div>
<!-- /.mail-box-messages -->
</div>
<!-- /.box-body -->
</div>
</div>
$(function(){
$('input[name="allselect"]').change(function(){
var allvalue = $('input[name="allselect"]:checked').val();
//设置select中值为value的项为选中
if (allvalue == 0) {
$(".js-form").find('select').each(function(){
$(this).get(0).value = 0;
})
} else {
$(".js-form").find('select').each(function(){
$(this).get(0).value = 1;
})
}
})
})
jquery全部选是,全部选否。的更多相关文章
- Jquery表格变色 复选框全选,反选
/*jquery静态表格变色*/ $(".tr2").mouseover(function(){ $(this).css("background"," ...
- jquery checkbox勾选/取消勾选的诡异问题
<form> 你爱好的运动是?<input type="checkbox" id="CheckedAll" />全选/全不选<br ...
- jQuery/javascript实现全选全不选
<html> <head> <meta charset="utf-8"> <title>Checkbox的练习</title& ...
- jQuery实现Checkbox中项目开发全选全不选的使用
<html> <head> <meta charset="utf-8"> <title>Checkbox的练习</title& ...
- 利用jQuery实现CheckBox全选/全不选/反选
转自:http://www.cnblogs.com/linjiqin/p/3148259.html jQuery有些版本中实现CheckBox全选/全不选/反选会有bug,经测试jquery-1.3. ...
- jquery checkbox勾选取消勾选的诡异问题
jquery checkbox勾选/取消勾选的诡异问题jquery checkbox勾选/取消勾选的诡异问题 <form> 你爱好的运动是?<input type=&q ...
- Jquery ajax 绑定multiselect多选下拉选项,同时异步执行返回值
Jquery ajax 绑定multiselect多选下拉选项,同时异步执行获取返回值 function load(mslt_employees,belongto,mark) {//传入$(#ID) ...
- jquery的全选/全不选/反选以及attr添加checked属性失败的解决办法
如下图: <head> <title></title> <style type="text/css"> div { border: ...
- Jquery CheckBox复选框 全选/取消全选 最佳实现方式 参考案例
<input id="chkAll" type="checkbox" />全选/取消全选</div> <asp:Repeater ...
- jquery之全选全不选
<input type="checkbox" onclick="selall(this)" />全选/全不选 <input type=&quo ...
随机推荐
- Shutdown- Linux必学的60个命令
1.作用 shutdown命令的作用是关闭计算机,它的使用权限是超级用户. 2.格式 shutdown [-h][-i][-k][-m][-t] 3.重要参数 -t:在改变到其它运行级别之前,告诉in ...
- [NOIP2019模拟赛]数数(gcd)
题目大意: 求l~r中有多少数与x互质,带单点修改 分析: 两个30的部分分很好打: ·n<=1000暴力O(nq)就好了 ·$a_i<=100$用树状数组维护每个x的前缀和就好了 100 ...
- 02.MyBatis在DAO层开发使用的Mapper动态代理方式
在实际开发中,Mybatis作用于DAO层,那么Service层该如何调用Mybatis Mybatis鼓励使用Mapper动态代理的方式 Mapper接口开发方法只需要程序员编写Mapper接口(相 ...
- CSS - 定位相关
定位 (position) 1. 相对定位 (relative) 相对于元素原来的位置进行移动 2. 绝对定位 (absolute) 如果父级元素中有相对定位属性, 则参照父级元素进行定位, 默认参照 ...
- 移动端,fixed bottom问题
//不显示 .bar { position:fixed; bottom:0; z-index:99; } //显示 .bar{ position:fixed; bottom:calc(90vh); / ...
- 力扣算法题—146LRU缓存机制
[题目] 运用你所掌握的数据结构,设计和实现一个 LRU (最近最少使用) 缓存机制.它应该支持以下操作: 获取数据 get 和 写入数据 put . 获取数据 get(key) - 如果密钥 (k ...
- java多线程编程建议
多线程编程建议 1,将应用设计成支持多线程并发,可提高性能 2,编写多线程程序,首先保证它是正确的,其次再考虑性能 3,同步处理的开销大于非同步处理,如果可能,尽量使用非同步处理 4,避免多个共享变量 ...
- java基础之二维数组不定义列数
有一种特殊的二维数组,它的行数确定,但是每行的列数不确定.这样的的数组实现方法:先创建制定行数,列数缺省的二维数组,然后对数组的每一行重新初始化.举例如下: package day5; //第二种定义 ...
- 08-background详解
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- HBase 物理视图