专业编程基础技术教程

网站首页 > 基础教程 正文

jq中attr 设置checkbox 选中状态中的坑

ccvgpt 2024-11-25 10:12:05 基础教程 10 ℃

attr('checked', true)设置状态只有第一次有用,再次点击就无效果。类似的属性还有selected 和 disabled。当遇到这种情况的时候,把attr换成prop方法,prop和attr一样使用,以下有例子;


jq中attr 设置checkbox 选中状态中的坑

全选的小例子:

$(function(){
   $("#j_cbAll").click(function(){
     $("#j_tb input").prop("checked",$(this).prop("checked")) //根据全选按钮的状态,设置下属按钮的状态。
   }) 

   $("#j_tb input").click(function(){  //当点击下属产品时,全选按钮发生改变,此处用下属产品input的长度来判断是否为选中状态
      var inputLen=$("#j_tb input").length;
      var inputCheckLen=$("#j_tb input:checked").length;
     if(inputLen==inputCheckLen){
       $("#j_cbAll").prop("checked",true)
     }else{
       $("#j_cbAll").prop("checked",false)
     }
   })
 })


Tags:

最近发表
标签列表