jQuery 显示“名称”而不是“值”答案

【问题标题】：jQuery shows "name" instead of "value"jQuery 显示“名称”而不是“值”
【发布时间】：2015-10-22 22:12:34
【问题描述】：

我有一个带复选框的时间表：

<table id="date">
    <tr>
        <th>Sun</th>
        <th>Mon</th>
        <th>Tue</th>
        <th>Wed</th>
        <th>Thu</th>
        <th>Fri</th>
        <th>Sat</th>
    </tr>
    <tr>
        <td><input type="checkbox" name="Sun" id="sun" value="0" /></td>
        <td><input type="checkbox" name="Mon" id="mon" value="1" /></td>
        <td><input type="checkbox" name="Tue" id="tue" value="2" /></td>
        <td><input type="checkbox" name="Wed" id="wed" value="3" /></td>
        <td><input type="checkbox" name="Thu" id="thu" value="4" /></td>
        <td><input type="checkbox" name="Fri" id="fir" value="5" /></td>
        <td><input type="checkbox" name="Sat" id="sat" value="6" /></td>
    </tr>
</table>
<p><span id="dateValue"></span></p>
<button id="dateSave">Add</button>

还有 jquery 部分：

$(function() {
    function dateValue() {
        var values = [];
        $('#date :checked').each(function () {
            values.push($(this).val());
        });

        $('#dateValue').text(values);
    }

    $(function () {
        $('#dateSave').click(dateValue);
            $('#dateValue').text(values);
    });

    $(function () {
        $('#dateDate input').click(dateValue);
            dateValue();
    });

});

当我选中复选框并单击按钮时，复选框的“值”将动态输入到<span>，但我想显示复选框的“名称”而不是“值”，如果我选择复选框，<span> 将显示“Mon,Tue,Wed,Thu”...等，而不是“1,2,3,4”... 如何修复我的代码？

【问题讨论】：

在此处查看如何获取 jQuery 元素的名称：stackoverflow.com/questions/8852665/…

标签： jquery checkbox click

【解决方案1】：

所以使用：

values.push(this.name); // or $(this).attr('name')

【讨论】：

发布相同内容错过了 2 秒.. :P
非常感谢！！它真的对我有帮助：D

【解决方案2】：

您所要做的就是将您对$(this).val() 的引用更改为在您推入values 数组时请求$(this).prop('name'))。

查看我的小提琴示例：JSFiddle

【讨论】：

【解决方案3】：

尝试替换

$(this).val()

与

$(this).attr('value')

【讨论】：

在这种情况下也可以使用attr() 函数而不是prop()。但是，由于您仍然建议 @SSP 从元素属性中提取 value 而不是 name，因此最终仍将显示数字而不是短日期名称。