Jquery - 如何从标签中获取输入值
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Jquery - 如何从标签中获取输入值相关的知识,希望对你有一定的参考价值。
如果我有一堆标签/选择像:
<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 / undefined。我错过了什么吗?
谢谢!
答案
一切都很好,如果你给label
和select
的密切标签和select
中的选项。检查代码,我已经修改和实现。 http://jsfiddle.net/XaMg9/5/
另一答案
不确定您是否正在寻找像这样的TEST
另一答案
有一点需要注意。您可以使用选择器$('label.myClass')
而不是$('label[class="myClass"]')
。它更标准。也就是说,如果你想要select
中包含的每个label
的值,那就这样做吧。
$('label.myClass select').each(function(){
var inputVal = $(this).val();
});
另一答案
对于多个选择:
$("label.myClass select").change(function () { var inputval = ""; $("select option:selected").each(function () { inputval += $(this).val() + " "; }); $("div[id='content']").text(inputval); }); <div id='content'></div>
另一答案
在我的用例中,我正在使用mdc(材料设计),并且想要在我在之前的操作中勾选和取消之后重新打开复选框时取消勾选复选框。
var checkbox = document.querySelector("#checkbox-"+ $(this).val()+ "-label")
var inputId = checkbox.htmlFor
var input = document.getElementById(inputId)
input.checked = false;
以上是关于Jquery - 如何从标签中获取输入值的主要内容,如果未能解决你的问题,请参考以下文章