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 ...
随机推荐
- more 和less 命令简单介绍以及使用
一.more命令 more功能类似 cat ,cat命令是整个文件的内容从上到下显示在屏幕上. more会以一页一页的显示方便使用者逐页阅读,而最基本的指令就是按空白键(space)就往下一页显示,按 ...
- javascript特效源码(2、图像特效)
1.不停闪烁的图像 不停闪烁的图片[修改显示的图片及链接地址后根据说明进行共1步] 1.以下代码放在一个新建页面的HTML的<body></body> 区即可:[页面上必须什么 ...
- JavaScript特效源码(1、文字特效)
注:本文以及以下关于Javascript特效源码都是分享自JavaScript源码大全. 1.逐隐逐现的的特效 逐隐逐现的文字特效[推荐使用][适用于IE4++] (修改显示的文字后根据说明进行共2步 ...
- Python全栈开发:socket
Socket socket通常也称作"套接字",用于描述IP地址和端口,是一个通信链的句柄,应用程序通常通过"套接字"向网络发出请求或者应答网络请求. sock ...
- 【默默努力】react-drag-grid
先放项目地址:https://github.com/Bilif/react-drag-grid 项目运行效果 感谢无私开源的程序员 先看项目入口文件 //index.js import React f ...
- Android开发 内存泄露检测框架LeakCanary
前言 挖坑后续填坑 中文网站:https://www.liaohuqiu.net/cn/posts/leak-canary-read-me/ gitbub:https://github.com/squ ...
- 【JZOJ3238】【BZOJ3482】超空间旅行
description 在遥远的未来,行星之间的食品运输将依靠单向的贸易路线.每条路径直接连接两个行星,且其运输时间是已知的. 贸易商协会打算利用一项最近发现的新技术--超空间旅行,以增加一些新的航线 ...
- 来杭州云栖大会,全面了解企业如何实现云上IT治理
企业上云的现状与趋势 云计算,如今已经成为了像水和电一般关系到国计民生的国家基础设施.云计算为企业带了前所未有的资源交付效率和运维效率的提升,同时也用全新的技术帮助企业在新的价值网络中创造新的商业赛道 ...
- this指针/常函数、常对象
this指针引入 类中对象的成员变量和成员函数是分开存储的,sizeof(空class) = 1,另外示例中涉及到字节对齐的问题,double本身的字节为8,int为4,由于字节对齐,int也为8,所 ...
- python中检测mysql的主键唯一性异常
有两种方法: 1.直接检测是什么异常(查mysql文档找出异常代码) import os import mysql_operate.mysql_connect as mysql import re d ...