如何从javascript中的复选框中提取内容

How to extract content from checkbox in javascript?

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

我使用这样的函数从表单中提取一些数据：

$(document).ready(function() { 
     $('#btnEnviar').click(function() {
            var email = $('#email').val();

它正在工作，但现在我还需要提取列表框的内容，这是一个标记符号

所以我把列表框放在一个id为"idaevolta"的跨度内：

      <ul class="ui-autocomplete ui-menu ui-widget ui-widget-content ui-corner-all" role="listbox" aria-activedescendant="ui-active-menuitem" style="z-index: 1; top: 0px; left: 0px; display: none;"></ul>
<ul class="ui-autocomplete ui-menu ui-widget ui-widget-content ui-corner-all" role="listbox" aria-activedescendant="ui-active-menuitem" style="z-index: 1; top: 0px; left: 0px; display: none;"></ul>
 <input id="cbIdaVolta" type="hidden" name="cbIdaVolta" />

到目前为止还不错，但当我尝试提取数据时：

var idaevolta = $("#idaevolta").html();

它根本不起作用。

更新

在查看HTML输出时，使用CHROME控制台，查看我发现的内容：

<input type="checkbox" id="cbIdaVolta" name="cbIdaVolta" style="width: 35px; height: 35px; margin-left: 10px;">

这会让找到解决方案变得更容易吗？

UDPATE 2

它实际上是一个复选框。

您有多个ID为"idaevolta"的元素。。。跨度和输入元素。ID属性必须是唯一的。

首先，您永远不能用相同的id设置两个不同的项。只有第一个项会被识别。其次，我会使用一些jquery来表示"如果单击了第一个ul，请将#idaevolta值设置为某个值"。在此之后，您将检索值，就像您对电子邮件字段所做的那样。

https://api.jquery.com/click/

我希望这能有所帮助！

附言：有一个没有任何"李"在里面只是看起来很奇怪。。。也许你应该尝试一些不同的

  1. 文档中只能有一个ID，即使它们是不同的元素
  2. 既然你违反了这个规则，你就可以$('span').html()

id应该有一个唯一的名称，否则使用class。ul元素应该具有li。如果你想从列表中获取数据。试试这样的东西：

var x = $('#idaevolta').find('ul li').text();
相关文章：