Jquery - 如何从标签获取输入值

Question

如果我有一堆标签/选择，例如：

<label for="blah" class="myClass">
<select id="blah" multiple="multiple" size="5">

如何根据标签获取所选项目的值？

到目前为止我已经..

    $('label[class="myClass"]').each(function(){
        var labelTxt = $(this).text();
        var labelForTxt = $(this).attr('for');
        var inputVal = $('#'+labelForTxt).val();
    });

但是 inputVal 不是我期望看到的值。相反，我要么得到 null/未定义。我错过了什么吗？

谢谢！

Answer 1

一切都很好，如果您为 label 和 select 提供了关闭标记以及 select 中的选项。检查代码，我已经修改并实现了。
http://jsfiddle.net/XaMg9/5/

Answer 2

不确定您是否正在寻找类似的东西 测试

Answer 3

有一点需要注意。您可以使用选择器 $('label.myClass') 代替 $('label[class="myClass"]')。只是更标准而已。也就是说，如果您希望每个 select 的值包含在 label 中，请执行此操作。

$('label.myClass select').each(function(){
    var inputVal = $(this).val();
});

Answer 4

对于多项选择：

$("label.myClass select").change(function () {
          var inputval = "";
          $("select option:selected").each(function () {
                inputval += $(this).val() + " ";
              });
          $("div[id='content']").text(inputval);
        });
<div id='content'></div>

Answer 5

在我的用例中，我正在使用 mdc（材料设计），并且希望在之前的操作中勾选并取消后重新打开复选框时取消勾选该复选框。

var checkbox = document.querySelector("#checkbox-"+ $(this).val()+ "-label")

var inputId = checkbox.htmlFor

var input = document.getElementById(inputId)
input.checked = false;