Question

所以这很难描述，但我无法弄清楚，但我觉得我很接近！

基本上我有一份需要组织的事情清单。

我们可以假装它的书籍，我拥有所有这些书籍，以及它们的所有信息（作者，长度，标题，流派）。如果我想专门为喜剧书籍搜索我的书籍。我会勾选喜剧复选框并点击搜索。

我已经轻松搞定了！棘手的部分是我希望它在被选中时立即搜索，但是我的javascript搜索复选框以查看在运行我的代码之前选择了哪些复选框，从而消除了无关的答案。所以它需要是一个提交的复选框值。

有没有办法让我的图像可以作为一个按钮，带有一个复选框的值...... ???

到目前为止，我已经接近了这一点：

<div class="wells">
    <input type="image" value="comedy" src="img/pieces/comedy.png"
           alt="comedy" onclick="myFunction()" checked>
</div>

我知道myFunction可以正常工作并完成它的工作。我确实需要将复选框的值用作提交按钮。

漫长的道路是这样的：

<img class="imgcomedy" src="img/pieces/comedy.png"> :
<input type="checkbox" class="roundedOne" name="comedy" value="comedy">

然后用户将滚动到提交按钮并点击发送，将复选框的值发送到函数myFunction（）。

我知道myFunction可以正常工作并完成它的工作。我确实需要将复选框的值用作提交按钮。

Answer 1

您可以提供行为为复选框的图像，当您单击提交时，它会为该复选框提供类似true.or false的值。

Answer 2

一种可能的解决方案，取决于您的实际要求...
您可以使用SELECT ID ,CASE WHEN ROW_NUMBER() OVER(PARTITION BY Amount ORDER BY ID) = 1 THEN Amount ELSE 0.00 END [AMOUNT] FROM TABLE代替复选框;按钮的内容完全可以自定义，基本上任何HTML ...

<button>

您可能希望将其作为提交按钮，和/或附加javascript点击处理程序。

如果您需要同时选择多个类别，例如“列出任何类别戏剧或喜剧中的内容”，您可以使用复选框，您有多种选择。
您还可以包含一个复选框但保持隐藏状态，然后使用附加到按钮的单击处理程序选中/取消选中它。您可以保留<button type="submit" class="roundedOne" name="comedy" value="comedy"> <img class="imgcomedy" src="img/pieces/comedy.png"> </button>字段并在点击处理程序中设置值，添加和删除类别;例如
initial：value =“”
点击喜剧按钮后：value =“comedy”
点击戏剧按钮后：value =“喜剧，戏剧”
再次点击喜剧按钮后：value =“drama”

提交按钮中的复选框值

2 个答案: