如何返回选中复选框的所有值?

时间:2018-02-27 13:42:52

标签: javascript jquery html



function submit() {
    var values = [];
    $("input[type=checkbox]:checked").each(function(){
        values.push($(this).next("value").text());
    });
    alert(values.join());
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="checkbox" name = "top" class="checkbox" id="check1" value = "black top"/>
<input type="checkbox" name = "top" class="checkbox" id="check2" value="squish" value = "blue something" />    
<button type="button" onclick="submit()">Click Me!</button>
&#13;
&#13;
&#13;   

以上是我的几个简单HTML复选框的代码。我创建了一个简单的按钮,当我单击它时,我希望它返回已选中复选框的值。

然而,当我点击按钮时,我只得到一个空的警告框。

值不能正确附加到数组。但我无法解决为什么,HTML / JS / JQuery的新手。

如何使用JS或JQuery计算所有复选框。

2 个答案:

答案 0 :(得分:3)

您需要使用std::wstring_convert<std::codecvt_utf8<wchar_t>> converter; std::wstring text = converter.from_bytes(buffer); 来获取此值

&#13;
&#13;
$(this).val()
&#13;
function submit() {
  var values = [];
  $("input[type=checkbox]:checked").each(function() {
    values.push($(this).val());
  });
  alert(values.join());
}
&#13;
&#13;
&#13;

答案 1 :(得分:0)

使用checkbox,我们可以使用this.checked从状态中获取布尔值。

jus使用$(this).val() tu获取数组中的<input>值。

希望这就是你要找的东西。如果需要,很乐意解释或帮助提供更好的解决方案。

&#13;
&#13;
function submit() {
    var values = [];
    $(".checkbox").each(function(){
      if (this.checked)
        values.push($(this).val());
    });
    alert(values.join());
}
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="checkbox" name = "top" class="checkbox" id="check1" value="black top"/>
<input type="checkbox" name = "top" class="checkbox" id="check2" value="squish" value = "blue something" />    

<button type="button" onclick="submit()">Click Me!</button>
&#13;
&#13;
&#13;