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 ...
随机推荐
- 2019-8-31-dotnet-获取指定进程的输入命令行
title author date CreateTime categories dotnet 获取指定进程的输入命令行 lindexi 2019-08-31 16:55:58 +0800 2019-0 ...
- keepalived的常见的健康检查方式
TCP_CHECK tcp端口检测 HTTP_GET http接口检测 MISC_CHECK 自定义脚本检测 tcp端口检测 TCP_CHECK { connect_port 80 connect_t ...
- css实现截取文本
.ellipsis{ max-width: 260px; // 自定义 overflow: hidden; text-overflow: ellipsis; white-space: nowrap; ...
- centos 7 开机优化shell
vim start_init.sh #!/bin/bash#####dns echo "nameserver 114.114.114.114" >/etc/resolv.c ...
- 洛谷P2325 [SCOI2005]王室联邦
P2325 [SCOI2005]王室联邦 题目描述 "余"人国的国王想重新编制他的国家.他想把他的国家划分成若干个省,每个省都由他们王室联邦的一个成员来管理. 他的国家有n个城市, ...
- phonegap 拍照上传照片
js代码 可以完全从 phonegap 官网扣下来 使用的是2.3版本的phonegap<script type="text/javascript" src="c ...
- Python全栈开发:Ajax全套
概述 对于WEB应用程序:用户浏览器发送请求,服务器接收并处理请求,然后返回结果,往往返回就是字符串(HTML),浏览器将字符串(HTML)渲染并显示浏览器上. 1.传统的Web应用 一个简单操作需要 ...
- <a>中的背景色变大
想要调整文字链接背景颜色或图片的大小可以用padding属性: 但火狐和IE数值相同显示相同,但与360数值相同显示不同(上下宽度会变小.)
- Math: Fibonacci
https://www.zhihu.com/question/28062458 http://blog.csdn.net/hikean/article/details/9749391 对于Fibona ...
- token方法可用于临时关闭令牌验证,
token方法可用于临时关闭令牌验证,例如: $model->token(false)->create(); 即可在提交表单的时候临时关闭令牌验证(即使开启了TOKEN_ON参数). 大理 ...