2019独角兽企业重金招聘Python工程师标准>>>

    <tr><td><input type="checkbox" value="1" /></td><td>名称</td><td>单位名称</td><td class="lastcolumn"><a href="#" onclick=""><button class="btn btn-warning btn-xs" type="button" id="btDelete"><i class="fa fa-remove"></i>停用</button></a></td></tr><tr><td><input type="checkbox" value="0" /></td><td>名称</td><td>单位名称</td><td class="lastcolumn"><a href="#" onclick=""><button class="btn btn-warning btn-xs" type="button" id="btDelete"><i class="fa fa-remove"></i>停用</button></a></td></tr>

//$("input:checkbox[value='1']").attr("checked","checked");
//首先根据后台传进来的value值来设置初始状态为选择还是不选中,如果value为1设置checked为true,注意true不要加引号,并找到最后一列改变class,如果值为0 改变class与html内容
//为checkbox加change事件 如果存在checked属性执行更换class,变化内容,设置checked为false,如果不存在checked属性则执行相应的代码。注意if里面要if($(this).attr("checked")不能写成if($(this).attr("checked")==true)


$("input:checkbox").each(function(i,n){var value = $(this).attr("value");if(value=="1"){$(this).attr("checked",true);$(this).parent().siblings("td:last-child").find("button").removeClass("btn-warning").addClass("btn-info");}else if(value=="0"){//$(this).attr("checked",false);$(this).parent().siblings("td:last-child").find("button").removeClass("btn-info").addClass("btn-warning");$(this).parent().siblings("td:last").find("button").html("<i class='fa fa-eye'></i>启用")}})$("input:checkbox").change(function(){if($(this).attr("checked")){$(this).parent().siblings("td:last").find("button").removeClass("btn-info").addClass("btn- warning");$(this).parent().siblings("td:last").find("button").html("<i class='fa fa-eye'></i>启用")$(this).attr("checked",false);//$(this).attr("value")=0;}else if(!$(this).attr("checked")){$(this).parent().siblings("td:last").find("button").removeClass("btn-warning").addClass("btn-info");$(this).parent().siblings("td:last").find("button").html("<i class='fa fa-remove'></i>停用")$(this).attr("checked",true);}}) 

first与first-child区别

$("ul li:first")             //选取第一个 <ul> 元素的第一个 <li> 元素

注意在样式中没有ul li:first这种写法

$("ul li:first-child")    //选取每个 <ul> 元素的第一个 <li> 元素

<table>
     <tr><td>Row 1</td></tr>
     <tr><td>Row 2</td></tr>
     <tr><td>Row 3</td></tr>
</table>

<script>

$("td:first-child").css("color", "red");      //三个Row都为红色

$("td:first").css("color", "red");               //Row1为红色

</script>

转载于:https://my.oschina.net/u/2612473/blog/1457011

按钮随复选框选中与取消变换样式相关推荐

  1. jquery复选框选中及下拉框选中指定项(删除项)

    (1)复选框选中及下拉框选中指定项(删除项) <%@ taglib prefix="form" uri="http://www.springframework.or ...

  2. html表格中插入单行文本框,el-table复选框选中单行或多行点击按钮禁用el-table里面的input输入框该怎么判断?...

    问题: 1.添加数据后下拉框中未显示带入的数据 2.不可以重复添加相同的数据 3.复选框选中单行或多行以后点击按钮禁用对于行的input 大神们 帮忙看看怎么解决啊. Title v-model=&q ...

  3. java:按钮(复选框)

    按钮(复选框) 一.关键代码 (一).单选按钮组件 (二).按钮默认勾选 二.简单说明 三.流程图 四.源码 (一).源码A (二).源码A的运行效果 五.结语 六.定位日期 一.关键代码 (一).单 ...

  4. jQuery复选框选中状态更改事件

    本文翻译自:jQuery checkbox checked state changed event I want an event to fire client side when a checkbo ...

  5. 元素的选中问题 元素选中的问题 切换复选框选中 全选和全不选

    元素的选中问题 <!DOCTYPE html> <html lang="en"> <head><meta charset="UT ...

  6. java复选框只会选中一个_java复选框选中

    java swing中在jTable中添加多个复选框的方式如下: import java.awt.Component; import java.awt.event.ActionEvent; impor ...

  7. 通用样式 -表格的每行的复选框选中打印,清除已勾选

    1,在el-table上加单选select2和全选selectAll的方法, 2,增加一列el-table-column <el-table @select="select2" ...

  8. 通用样式 -表格的每行的复选框选中打印

    1,在el-table上加单选select2和全选selectAll的方法, 2,增加一列el-table-column <el-table @select="select2" ...

  9. vue复选框选中一个全选中了

    vue复选框选中一个全选中了 在业务开发中,使用了checkbox-group组件,发现点击其中的一个选项后,所有数据都被选中了,取消也是全部取消了. 原因:绑定数据的时候,定义的是字符串,修改为数组 ...

最新文章

  1. Django框架(十)--常用字段、参数、元信息、多对多关联关系
  2. 人工神经网络是如何实现存算一体的
  3. document.readystate
  4. 子查询引用外表_轻松搞定慢查询?这一文就够了(内附大量实例助你看懂Explain)...
  5. Scala进阶之路-正则表达式案例
  6. 江翰服务器保护系统(JH-Data Backup server)
  7. WCF后续之旅(11): 关于并发、回调的线程关联性(Thread Affinity)
  8. Perl文档操作选项
  9. JWT操作工具类分享
  10. DWA论文解析(CurvatureVelovityMethod)(3)
  11. mysql中float、double、decimal的区别
  12. Gridview创建行列 合并列、行类
  13. UDP方式的网络通信【示例】
  14. 把C++语言的书读薄
  15. cadence17.4 下载安装
  16. Cknife与一句话木马提权
  17. 大数据时代,数据的应用场景
  18. 字节跳动混沌工程实践总结
  19. 离职结婚面试买房蚂蚁上市—过山车般魔幻的2020
  20. 鸿蒙javascript项目开发----呼吸计时训练(基于华为轻量级运动手表)

热门文章

  1. 什么是对象?——摘自《设计模式精解》(熊节 译,清华大学出版社,2004.12,P20)...
  2. 命令行下载利器- Aria2
  3. Nginx下完美解决WordPress的伪静态 (wordpress 迁移后 导致 页面404)
  4. 【Python之路Day12】网络篇之Python操作RabbitMQ
  5. Struts2 简介
  6. 数字图像处理吴娱课后答案_数字图像处理课后题答案
  7. JS报错:Uncaught RangeError: Maximum call stack size exceeded
  8. 小程序 -- [sitemap 索引情况提示] 根据 sitemap 的规则[0],当前页面 [pages/index/index] 将被索引
  9. Vue项目实战03 : vue中 meta 路由元信息
  10. android 启动器开发,Android启动器(Launcher)开发详解