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

时间:2015-04-01 01:43:50

标签: javascript jquery

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

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

它正在运行,但现在我还需要提取列表框的内容,这是一个标记符号。

所以我将列表框放在id为#34; 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 OUPUT时,使用CHROME CONSOLE,看看我发现了什么:

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

是否更容易找到解决方案?

UDPATE 2

它实际上是一个复选框。

4 个答案:

答案 0 :(得分:0)

你有多个ID&#34; idaevolta&#34; ...跨度和输入元素。 ID属性必须是唯一的。

答案 1 :(得分:0)

首先,您永远不能设置具有相同ID的两个不同项目。只会识别第一个。其次,我会用一些jquery来说'如果点击第一个ul,将#idaevolta值设置为某个'。在此之后,您将像使用电子邮件字段一样检索该值。

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

我希望有所帮助!

PS:拥有'ul'而没有任何'li'只是看起来很奇怪......也许你应该尝试不同的东西

答案 2 :(得分:0)

  1. 文档中只能有一个ID,即使它们是不同的元素
  2. 因为您违反了该规则,您可以$('span').html()

答案 3 :(得分:0)

id应该有唯一的名称,否则请使用classul元素应该有li。如果你想从列表中获取数据。尝试这样的事情:

var x = $('#idaevolta').find('ul li').text();