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 ...
随机推荐
- php非法输入数据类型
1.空白输入 2.超长输入(如大于256个字符) 3.特殊字符(如·!@#¥%……&*()—=|.:‘:<>;'"<>?.,) 4.控制字符(如\r\n等) ...
- 环信Demo 导入错误
今天想导入环信的Demo 去看一看环信学习一下 谁知道导入出现这么个问题 Error:(1, 0) Minimum supported Gradle version is 3.3. Current v ...
- BCB如何编写,调用动态链接库DLL
一 编写动态链接库DLL DLL简称动态链接库,是Windows中程序的重要组成部分.想象一下,一个程序需要多人共同完成开发,怎么个共同法?这时我们就要考虑把程序分为好几个模块,团队每一个成员开发一个 ...
- CF402D 【Upgrading Array】
题目链接: CF402D 题目分析: 首先考虑一下怎么求每个数的分数.把每个数分解到最后会发现它的坏质因子对它分数的贡献是\(-1\),好质因子对它分数的贡献是\(1\),那么最后的分数就是好质因数- ...
- poj 2774 字符串哈希求最长公共子串
Long Long Message #include <iostream> #include <algorithm> #include <cstdio> #incl ...
- vuex mutation,action理解
1. 在store中分别注册mutation和action,action中用commit同步调用mutation来执行修改state,但是在组件中则使用dispatch异步调用action 2. 通俗 ...
- 基于vue-cli的vs code设置
vue-cli自带eslin校验,vs code采用下可以设置在保存文件时会自动纠正格式 { // vscode默认启用了根据文件类型自动设置tabsize的选项 "editor.detec ...
- yum 安装配置
光盘挂载:mount /dev/cdrom /mnt/cdrom 配置文件路径:vim /etc/yum.repos.d/dvd.repo 配置文件内容:[dvd]name=dvdbaseurl=fi ...
- 实例测试java的Integer转String的效率问题1.8
原文链接:https://blog.csdn.net/chicaohun7473/article/details/100851373 查看String源码时,读到源码的toString方法时,打算探究 ...
- <每日一题>题目20:简单python练习题(11-20)
#11.编写程序,输入一个自然数,输出它的二进制.八进制.十六进制表示形式 Num = input("请输入任性自然数:") Num = eval(Num) print(" ...