关于复选框value="{$vv['id']}全选的问题

求助,哪位大神能帮我看下这个功能代码怎么调用; 我开发的是一个集成后台发文章用的,目前遇到了一个问题,就是后台已经添加很多个站点,所有站点的频道都一样名称。比如想选第一个站点选复选框一个频道,其他站点可以根据第一个站选的一个频道,其他所有的站也可一键直接调用选择同样的频道;
就是这个一键选择同样名称的频道功能怎么写出来
目前就页面形成一个功能 页面加载后全选复选宽,我想要直接选一个复选框 其他隐藏复选框的中同样名称直接选中出来 用javascript直接页面上调用可以吗 以下是目前的代码`



 

{KaTeX parse error: Expected 'EOF', got '}' at position 14: v['cat_name']}̲ …(’#id{KaTeX parse error: Expected 'EOF', got '}' at position 12: v['cat_id']}̲ :checkbox').at…(’#id{KaTeX parse error: Expected 'EOF', got '}' at position 12: v['cat_id']}̲ :checkbox').at…v[‘cat_id’]}">

          <foreach name="v.data" item='vv'>
            <div class="tb" style="color:#0000FF;">
             <input data-mun='{$vv['jiage']}' name="MediaID[]" class="chkSite" value="{$vv['id']}" type="checkbox" />&nbsp;
             <font title="{$vv['name']}"><a href="{$vv['url']}" target="_blank">{$vv['name']}</a></font>
             <font color="#ff0000">(积分:{$vv['jiage']})&nbsp;
             <select name="type[{$vv['id']}]">   
                {:web_type($vv['type'])}
            </select>
            </font>
            </div> 
          </foreach> 

          </td> 
        </tr>           
      </foreach>
	       <td><select name="type[{$vv['id']}]">   
                {:web_type($vv['type'])}
            </select></td>

        </tr>

        <tr style="cursor:hand;"> 
          <td class="title" style="line-height: 30px;padding-top: 50px;">
            <a href="javascript:void(0)" style="color: #F10808;">[一键选频道]</a> &nbsp; 
			<a href="javascript:void(0)" onclick="$('.chkSite').each(function(){$(this).prop('checked',true)});tongji();" style="color: #F10808;">[全选]</a> &nbsp; 
                <a href="javascript:void(0)" onclick="$('.chkSite').each(function(){ $(this).prop('checked',!$(this).prop('checked')) });tongji();" style="color: #F10808;">[反选]</a> &nbsp; 
                <a href="javascript:void(0)" onclick="$('.chkSite').each(function(){$(this).prop('checked',false)});tongji();" style="color: #F10808;">[清除]</a> &nbsp;  &nbsp;  &nbsp;  &nbsp; 
          </td>
         <td class="title" style="padding-left:10px;"> </td> 
        </tr>

        </tbody>`
        ![这是效果](https://img-blog.csdnimg.cn/20200331000453733.png#pic_center)
        ![想要这样的效果](https://img-blog.csdnimg.cn/20200331000742290.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxNzI0ODY4MjQy,size_16,color_FFFFFF,t_70)
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
可以通过 JavaScript 来实现 HTML 复选框全选和取消全选。 首先,需要在 HTML 中为全选复选框和其他子复选框添加相应的 ID 或 class,例如: ```html <label><input type="checkbox" id="check-all">全选</label> <label><input type="checkbox" class="sub-check">选项1</label> <label><input type="checkbox" class="sub-check">选项2</label> <label><input type="checkbox" class="sub-check">选项3</label> ``` 然后,可以使用以下 JavaScript 代码来实现全选和取消全选功能: ```javascript // 获取全选复选框和子复选框元素 var checkAll = document.getElementById('check-all'); var subChecks = document.getElementsByClassName('sub-check'); // 全选/取消全选操作 checkAll.onclick = function() { for (var i = 0; i < subChecks.length; i++) { subChecks[i].checked = checkAll.checked; } } // 子复选框状态改变时,检查是否全部选中 for (var i = 0; i < subChecks.length; i++) { subChecks[i].onclick = function() { var checkedCount = 0; for (var j = 0; j < subChecks.length; j++) { if (subChecks[j].checked) { checkedCount++; } } checkAll.checked = (checkedCount == subChecks.length); } } ``` 以上代码中,首先获取全选复选框和子复选框的元素,然后为全选复选框绑定点击事件,当全选复选框状态改变时,遍历所有子复选框,将它们的选中状态与全选复选框的状态保持一致。同时,为每个子复选框绑定点击事件,当子复选框状态改变时,遍历所有子复选框,检查是否全部选中,如果是,则将全选复选框选中,否则取消选中。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值