c# - 用于在 jquery 中仅选择列表中选中项目的选择器

Question

我正在使用 jquery 多选插件

我在列表中禁用了一些项目并检查了一些项目

我只想提取选中项的文本

我的代码是

var cval2 = $('#lsltrXYAxis option:checked').not(":disabled").map(function () {
            return this.value.replace('ltrXYAxis', '');
        }).get().join('@@');

禁用项目的 HTML 是

<label class="ui-corner-all ui-state-hover" title="" for="ui-multiselect-lsltrXYAxis-option-0">
<input id="ui-multiselect-lsltrXYAxis-option-0" type="checkbox" aria-disabled="true" disabled="disabled" title="" value="ltrXYAxisApple Identifier" name="multiselect_lsltrXYAxis">
<span>Apple Identifier</span>
</label>

选中项目的HTML是

<label class="ui-corner-all" title="" for="ui-multiselect-lsltrXYAxis-option-1">
<input id="ui-multiselect-lsltrXYAxis-option-1" type="checkbox" aria-selected="true" checked="checked" title="" value="ltrXYAxisCustomer Price" name="multiselect_lsltrXYAxis">
<span>Customer Price</span>
</label>

但它也会返回我添加了@@的disbaled item

选择器有什么问题任何帮助将不胜感激

谢谢

Answer 1

当您在 HTML 中有 input 时，您错误地使用了 option 标签选择器。

试试这个:

$('#lsltrXYAxis input:checked:not(:disabled)');

此外，如果您需要将一些数据与您的元素相关联，您最好使用 data 属性，而不是从 value 属性中提取和替换数据。

代替:

<input value="ltrXYAxisCustomer Price" ... />

尝试:

<input data-val="Price" ... />

在你的 JavaScript 中:

return $(this).data('val');