使用索引从复选框中提取值

Extract value from checkbox using index

本文关键字：提取 复选框 索引      更新时间：2023-09-26

我正在制作一个带有几个复选框的民意调查页面。我有一个数组results，它统计每个复选框被点击的次数。

<h2>What's your favorite pet</h2>
<form>
<input type="checkbox" name="cb[0]" value="Cats"/>
<input type="checkbox" name="cb[1]" value="Dogs"/>
<input type="checkbox" name="cb[2]" value="Spiders"/>
<input type="checkbox" name="cb[3]" value="Whales"/>
</form>

我还有一个"显示结果"按钮，它显示一个带有字符串变量的警报窗口，我已经硬编码了要与结果连接的选项（猫、狗…）。这里有一个例子：

var myResults = "Cats "+results[0] + " Dogs "+results[1] + " Spiders "+results[2];

我的问题是，如果我想向轮询添加一个新选项，我还必须手动将其添加到myResults字符串中。我怎样才能自动做到这一点？

我试了几件事，但都做不到。它们在这里：

var allCheckboxes = document.getElementsByTagName("input"); //I only have checkboxes on the page
var resultsReady="";
for(var i=0;i<allCheckboxes.length;i++){
var currentVal = $("input")[i].val(); //this expression is false for some reason
resultsReady.concat(currentVal,results[i]," ");}

为什么$("input")[2].val();不起作用？我知道它不起作用，因为我隔离了它，它没有起作用。

我也试过$("input").get(i).val();，但它不起作用，我可以理解为什么，但我不知道如何修复它。

我最后尝试的是$("input['cb[i]']")，但我不知道这个表达式是否有效。

您要查找的是eq()：

$("input").eq(i).val();
// or
$("input:eq(" + i + ")").val();

您可以将其用于，但它是value而不是val()，因为在这种情况下您将获得DOM元素。

$("input")[i].value;
相关文章：