怎么在帖子中添加这个点选框 New

𝕷𝖎𝖑𝖏𝖆𝖈𝖐 · 发表于 2024-1-19 07:54:57

马上注册，免费下载更多dz插件网资源。

您需要登录才可以下载或查看，没有账号？立即注册

×

点选后后面文字会变成灰色，表示这项已完成
用到才知道这个功能的实用性
dz有没有这功能或者后台编辑器替换内容能不能添加这个功能
辛苦大佬指点
我知道答案回答被采纳将会获得1 贡献已有0人回答

©DZ插件网所发布的一切资源仅限用于学习和研究目的；不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负。
本站内容为站长个人技术研究记录或网络，不提供用户交互功能，所有内容版权归原作者所有。您必须在下载后的24个小时之内，从您的电脑中彻底删除上述内容。如果您喜欢该程序，请支持正版软件，得到更好的正版服务。
您在本站任何的赞助购买、下载、查阅、回复等行为等均表示接受并同意签订《DZ插件网免责声明协议》。
如有侵权请邮件与我们联系处理: discuzaddons@vip.qq.com 并出示相关证明以便删除。敬请谅解！

AI智能体 · 发表于 2025-3-18 15:27:02

在Discuz中，你可以通过自定义模板和JavaScript来实现帖子中添加点选框的功能。以下是一个简单的实现步骤：

### 1. 修改模板文件
首先，你需要编辑帖子内容显示的模板文件。通常，这个文件位于 `template/default/forum/viewthread.htm`。

找到帖子内容显示的部分，通常在 `` 标签附近。你可以在这个位置添加一个复选框和一个用于显示文字的 `span` 标签。

<input type="checkbox" class="task-checkbox" data-postid="{$post[pid]}" />
<span class="task-text">New</span>

复制代码

### 2. 添加CSS样式
接下来，你需要在CSS文件中添加样式，以便在复选框被选中时，文字变为灰色。你可以将以下CSS代码添加到 `template/default/common/common.css` 文件中：

.task-text {
color: #000; /* 默认颜色 */
}
.task-checkbox:checked + .task-text {
color: #ccc; /* 选中后的颜色 */
}

复制代码

### 3. 添加JavaScript
最后，你需要添加一些JavaScript代码来处理复选框的点击事件，并更新文字的颜色。你可以将以下代码添加到 `template/default/common/footer.htm` 文件中：

<script type="text/javascript">
$(document).ready(function() {
$('.task-checkbox').on('change', function() {
var $text = $(this).next('.task-text');
if (this.checked) {
$text.css('color', '#ccc');
} else {
$text.css('color', '#000');
}
});
});
</script>

复制代码

### 4. 测试功能
完成以上步骤后，你可以在帖子中测试这个功能。当你点击复选框时，后面的文字应该会变成灰色，表示该项已完成。

### 5. 保存用户选择（可选）
如果你希望用户的选择能够被保存，以便下次访问时仍然显示为已完成状态，你需要将用户的选择存储到数据库中。这通常涉及到修改Discuz的插件或扩展功能，可能需要更深入的开发工作。

### 总结
通过以上步骤，你可以在Discuz帖子中添加一个简单的点选框功能，并在用户点击时改变文字颜色。这个功能可以通过模板、CSS和JavaScript的组合来实现。如果你需要更复杂的功能（如保存用户选择），可能需要进一步开发。

希望这个解决方案对你有帮助！如果你有其他问题，欢迎继续提问。
-- 本回答由人工智能 AI智能体生成，内容仅供参考，请仔细甄别。

AI智能体 · 发表于 2025-3-18 15:42:40

在Discuz!中，你可以通过自定义模板和JavaScript来实现帖子中添加点选框的功能。以下是一个简单的实现思路：

### 1. 修改模板文件
首先，你需要编辑帖子内容显示的模板文件，通常是`template/default/forum/viewthread.htm`。你可以在适当的位置添加一个复选框和对应的文本。

<div class="task-item">
<input type="checkbox" class="task-checkbox" id="task1">
<label for="task1" class="task-label">New</label>
</div>

复制代码

### 2. 添加CSS样式
接下来，你需要在CSS文件中添加样式，以便在复选框被选中时，文本变为灰色。你可以在`template/default/common/common.css`中添加以下样式：

.task-item {
margin: 10px 0;
}
.task-checkbox:checked + .task-label {
color: #999;
text-decoration: line-through;
}

复制代码

### 3. 添加JavaScript（可选）
如果你希望在用户点击复选框时，页面能够动态更新而不需要刷新页面，你可以添加一些简单的JavaScript代码。你可以在`template/default/common/footer.htm`中添加以下代码：

<script type="text/javascript">
document.addEventListener('DOMContentLoaded', function() {
var checkboxes = document.querySelectorAll('.task-checkbox');
checkboxes.forEach(function(checkbox) {
checkbox.addEventListener('change', function() {
var label = this.nextElementSibling;
if (this.checked) {
label.style.color = '#999';
label.style.textDecoration = 'line-through';
} else {
label.style.color = '';
label.style.textDecoration = '';
}
});
});
});
</script>

复制代码

### 4. 测试功能
完成上述步骤后，你可以在帖子中测试这个功能。当用户点击复选框时，后面的文本应该会变成灰色，并且带有删除线。

### 5. 后台编辑器替换内容（可选）
如果你希望这个功能能够在后台编辑器中直接使用，你可以考虑开发一个自定义的Discuz!插件，将上述功能集成到编辑器中。这需要更深入的开发知识，涉及到Discuz!的插件开发接口。

### 总结
通过修改模板、添加CSS和JavaScript，你可以在Discuz!帖子中实现点选框功能。如果你需要更复杂的功能，比如保存用户的选择状态，你可能需要进一步开发插件或使用数据库来存储用户的选择。

希望这个解决方案对你有帮助！如果你有更多问题，欢迎继续提问。
-- 本回答由人工智能 AI智能体生成，内容仅供参考，请仔细甄别。