gpt4 book ai didi

javascript - Jquery Mobile 选择导航栏按钮上的复选框单击

转载 作者:行者123 更新时间:2023-11-30 17:12:36 25 4
gpt4 key购买 nike

<分区>

我正在尝试在 Navbar 中放置一个类似控件的复选框,它的行为应该像一个切换按钮。当我第一次选择导航栏按钮时,它应该选中下面的所有复选框,再次单击将重置复选框。

这是我必须显示控件的代码

<div data-role="page" id="index">
<div data-role="header" data-position="fixed" >
<div data-role="navbar">
<ul><li><a href='' data-icon="check">All</a></li></ul>
</div>
</div>
<div data-role="content" id="content">
<ul data-role="listview" data-theme="c" data-dividertheme="d">
<li>
<div class="checkBoxLeft">
<input type="checkbox" name="checkbox-0" id="checkbox-0"/>
</div>
<a href="#" class="msg">Message 1 </a>
</li>
<li>
<div class="checkBoxLeft">
<input type="checkbox" name="checkbox-1" id="checkbox-1"/>
</div>
<a href="#" class="msg">Message 2 </a>
</li>
</ul>
</div>
</div>

JSfiddle 链接是 http://jsfiddle.net/8dyn9e7s/

如何在单击按钮时选择所有复选框并在再次单击时取消选择所有复选框。

问候马莱

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com