我有一个私有(private)消息系统,希望在收件箱上方有大约 4-5 个链接,用户可以点击这些链接来选择“全选”、“无”、“收藏”、“已读”或“未读” "消息。
我如何使用 jquery/javascript 执行此操作?有没有关于这个的教程彻底解释这个?我不太擅长 javascript,但我学得很快。
我最初真的很想做一个 gmail 样式的复选框下拉菜单,但事实证明这非常困难,我认为在消息收件箱中添加链接会更加用户友好。
最佳答案
我整理了一个简单的示例来说明如何执行此操作,您必须根据自己的需要对其进行调整,但它应该可以帮助您入门。 试试这个(确保你改变它以匹配你的 jquery 库):
<html>
<body>
<div class="mesg" id="mesg1" read="1" favorite="0">
<input type="checkbox" name="check1">
message 1 info
</div>
<div class="mesg" id="mesg2" read="1" favorite="1">
<input type="checkbox" name="check2">
message 2 info
</div>
<div class="mesg" id="mesg3" read="0" favorite="0">
<input type="checkbox" name="check3">
message 3 info
</div>
<input type="button" value="select read" id="select_read" />
<input type="button" value="select favorite" id="select_fav" />
<script type="text/javascript" src="/js/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(function() {
$("#select_read").click(function() {
$("div.mesg input[type=checkbox]").attr("checked", false);
$("div.mesg[read=1] input[type=checkbox]").attr("checked", true);
});
$("#select_fav").click(function() {
$("div.mesg input[type=checkbox]").attr("checked", false);
$("div.mesg[favorite=1] input[type=checkbox]").attr("checked", true);
});
});
</script>
</body>
</html>
关于php - 通过单击链接或从复选框下拉列表中选择 "select-all",JQuery/Javascript 全选,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4702212/