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 ...
随机推荐
- T2963 贪吃蛇【BFS,四进制状压,A*】
Online Judge:未知 Label:BFS,四进制状压,暴力,A*,哈希,玄学. 题目描述 给定一个n*m的地图和蛇的初始位置,地图中有些位置有石头,蛇不能经过.当然蛇也不能爬到地图之外. 每 ...
- Python全栈开发:pymysql
本篇对于Python操作MySQL主要使用两种方式: 原生模块 pymsql ORM框架 SQLAchemy pymsql pymsql是Python中操作MySQL的模块,其使用方法和MySQLdb ...
- C++ 系列:基础知识储备
Copyright © 2000-2017, NORYES, All Rights Reserved. http://www.cnblogs.com/noryes/ ----------------- ...
- [symonfy] An error occurred when executing the "'cache:clear --no-warmup'"
Symfony Version: 3.4.* 当运行 composer update 会出现 [RuntimeException] An error occurred when executing t ...
- 导入excel并进行数据提取
/** * @description: 导入excel并进行数据提取 * @param {type} * @return: */ Vue.prototype.$importExcel = functi ...
- BZOJ 2281 消失之物
ftiasch 有 N 个物品, 体积分别是 W1, W2, -, WN. 由于她的疏忽, 第 i 个物品丢失了. "要使用剩下的 N – 1 物品装满容积为 x 的背包,有几种方法呢?&q ...
- redis深入学习(一)-----CAP、redis数据类型
NoSQL数据库的四大分类 KV键值: memcache+redis 文档型数据库(bson格式比较多): MongoDB MongoDB 是一个基于分布式文件存储的数据库.由 C++ 语言编写.旨在 ...
- tcp为什么要三次握手,四次挥手
tcp为什么要三次握手,tcp为什么可靠. 为什么不能两次握手:(防止已失效的连接请求又传送到服务器端,因而产生错误) 假设改为两次握手,client端发送的一个连接请求在服务器滞留了,这个连接请求是 ...
- div 和 span 标记
div 一般和 css 配合使用 <div>是一个块元素 span 也是和 css 配合使用 <span>是一个行内元素 标记嵌套是 一般是块元素嵌套行内元素 1 块元素 ...
- mysql下突然丢失权限
mysql Can't read dir of 今天打开mysql数据库突然报了这个错误 查后发现是表没权限,进行了mysql的data目录权限修改 1.show global variables ...