jsp页面复选框之JavaScript

最新推荐文章于 2022-07-11 00:22:54 发布

weixin_ab

最新推荐文章于 2022-07-11 00:22:54 发布

阅读量613

点赞数

分类专栏：前端文章标签：复选框

本文链接：https://blog.csdn.net/weixin_43114485/article/details/88843424

版权

前端专栏收录该内容

7 篇文章 0 订阅

订阅专栏

jsp页面多选框之JavaScript

全选,全不选,反选,以及复选框同步

<body> <input type="checkbox" name="checkAll"> <input type="checkbox" name="checkOne" value="${g.gid }"> <input type="button" value="全选" "qx()"> <input type="button" value="全不选" "qbx()"> <input type="button" value="反选" "fx()"> </body

JavaScript:

/* 多选框 */
 function qx(){
  $("[name='checkAll'],[name='checkOne']").prop("checked",true)
 }
 function qbx(){
  $("[name='checkAll'],[name='checkOne']").prop("checked",false)
 }
 function fx(){
  $("[name='checkOne']").map(function(){
   this.checked =! this.checked
  })
 }
 $(function(){
  $("[name='checkAll']").click(function(){
   var v = $(this)
   $("[name='checkOne']").prop("checked",v.prop("checked"))
  })
 })