【问题标题】:jQuery is giving me the same label text two timesjQuery两次给我相同的标签文本
【发布时间】:2014-01-24 14:53:24
【问题描述】:

我正在使用 jquery 来检查 单选按钮 标签的文本并选择 select 的选项,但我收到的文本是重复的:

<form>
<fieldset>
    <ul>
        <li>
            <input type="radio" name="exportType" value="ALL0" checked="checked" />
            <label for="exportType">ALL PRODUCTS</label> 
        </li>
        <li>
            <input type="radio" name="exportType" value="BASIC" />
            <label for="exportType">BASIC PRODUCTS</label> 
        </li>

        <li>
            <select name="agreementType">
                <option value="">New</option>
                <option value="">Quick Change</option>
            </select> 
        </li>
    </ul>
</fieldset>

选择并检查文本:

var exp = $('input[name=exportType]:checked + label').text();
var agr = $('select[name=agreementType]').children().filter(':selected').text();

如果我选择单选按钮选择选项,结果是:

  • exp: ALL PRODUCTSALL PRODUCTS
  • agr:新新

  • exp: 基本产品基本产品
  • agr:快速更改快速更改

【问题讨论】:

  • 对我来说很好jsfiddle.net/8KvTA/1
  • 什么浏览器和jQuery版本?制作一个显示此错误的小提琴,对我来说很好。
  • @Krishna,不适合我,如果你改变收音机选择,它总是返回第一个
  • @Rami.Q - jsfiddle.net/8KvTA
  • 我正在使用 jquery-1.9.1.js 和 ui/1.10.3/jquery-ui.js...我在 Firefox、Chrome 和 IExplorer 中测试过...。在 asp 中。带有母版页的网络表单应用程序...

标签: javascript jquery asp.net modal-dialog


【解决方案1】:

尝试改变:

var exp = $('input[name=exportType]:checked + label').text();

到:

var exp = $('input[name=exportType]:checked').next().text();

或:

var exp = $('input[name=exportType]:checked').siblings('label').text();

您可以在此处使用 next()siblings(),因为 label 是单选按钮的下一个元素或兄弟

【讨论】:

  • 谢谢,但不适合我!我注意到文本仅在页面第一次加载时重复。如果我在它打开之后重新加载页面,这会一直出错......
【解决方案2】:

对我来说很好,使用 jQuery 1.9.1 http://jsfiddle.net/trekmp/xnVvN/8/

$("#btnClick").on("click",function (){
var exp = $('input[name=exportType]:checked + label').text();
var agr = $('select[name=agreementType]').children().filter(':selected').text();
alert(exp+"\n"+agr);
});

【讨论】:

  • 还没有工作...可能与某些 asp.net 包冲突?
  • 你有没有把这个排序?
猜你喜欢
  • 2012-07-02
  • 1970-01-01
  • 1970-01-01
  • 2018-03-13
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2019-07-23
  • 1970-01-01
相关资源
最近更新 更多