【问题标题】:JQuery get the option of a checkbox checkedJQuery获取选中复选框的选项
【发布时间】:2017-02-24 21:35:57
【问题描述】:

我正在做一些代码,我需要从选中的复选框中获取选项(值)

这是我创建复选框的方法

function createCheckbox(txt) {  
 var comb = document.createElement("Select");
 comb.className = "something";
 for (var i = 0; i < txt.length; i++) {
    var option = document.createElement("OPTION");
    var optionText = document.createTextNode(txt[i]); //some options
    option.appendChild(optionText);
    comb.appendChild(option);
 }
 return comb;
}

我需要显示所选选项的功能

function foo{
     var inputTextValue = document.getElementsByClassName("something");
      var checkedValue = $(inputTextValue).is(':checked');
      alert(checkedValue);   //true/false
}

如果复选框被选中,警报只会显示 true / false depeding。但我需要它的选项被选中。我已经尝试过 $(inputTextValue).is(':checked').val()。

【问题讨论】:

  • 创建元素时,尽量保持一致,使用小写字母。此外,您正在返回选择,但它最终会在哪里结束,它与复选框有什么关系?
  • 我只是把我创建复选框的方式放在这里,以显示创建时是否有任何错误(我认为函数没问题)......但功能是分开的......我只需要一些如果选中复选框,则 jquery 函数检索值。我习惯了 java 和他们的骆驼案
  • 复选框 != 选择。你说你正在创建一个复选框,但你不是,你正在创建一个选择(下拉列表)。因此测试它是否被选中是行不通的。

标签: javascript jquery


【解决方案1】:

Checkbox 和 Select 是两个不同的 HTML 元素

为了获取选定选项的值,请使用

$(".something option:selected").val();

【讨论】:

    【解决方案2】:

    我认为你在这里混合了复选框和选择。 使用 :selected 属性选择选择选项。 使用 :checked 属性检查复选框。

    【讨论】:

      【解决方案3】:

      &lt;select&gt; 的值是所选选项的值。

      $(".something").val()
      

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2011-10-17
        • 2012-07-02
        • 2015-10-30
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多