Question

我一直在努力尝试从一组复选框中获取逗号分隔值列表。这里有很多有用的答案，但我无法解决最后的问题。我的代码表现奇怪，取决于是否检查了第一个复选框，我无法解决原因（这是我第一次尝试使用javascript！）

<script type="text/javascript">
    function updateTextArea() {
        var allVals = $('input.gift:checked').map( 
        function() {return this.value;}).get().join();

        $('#txtValue').val(allVals)
    }
    $(function () {
        $('#gift input').click(updateTextArea);
        updateTextArea();
    });
</script>

这是伴随它的HTML。

<fieldset id="gift">
    <input type='checkbox' name='lFreeProductid' value='8840'
        id="lFreeProductid1" class="gift">
    </td>
    <td class="style42">64 SSG</td>
    <td class="style32">&nbsp;</td>
    </tr>


    <tr id="tr2">
        <td class="style33"><input type='checkbox' name='lFreeProductid'
            value='420' id="lFreeProductid1" class="gift"></td>
        <td class="style41">Perfect D</td>
        <td>&nbsp;</td>
    </tr>


    <tr id="tr3">
        <td class="style33"><input type='checkbox' name='lFreeProductid'
            value='460' id="lFreeProductid1" class="gift"></td>
        <td class="style41">Soccer Attack</td>
        <td>&nbsp;</td>
    </tr>
</fieldset>

<tr>
    <td class="style33">&nbsp;</td>
    <td class="style41">&nbsp;</td>
    <td>&nbsp;</td>
</tr>
</table>


<textarea id="txtValue"></textarea>

我知道这是一个被问过一千次的问题，但我似乎无法找到解决这个具体问题的方法。任何帮助将不胜感激。

Answer 1

我认为您的代码工作正常！

检查此演示一次：https://jsbin.com/vigixi/46/edit?html,js,output

如果这不是您想要的所需输出。然后告诉我们你想要的是什么。

Answer 2

我建议您更正所有HTML语法错误

indent

您的问题可能是由某个浏览器或/和doctype

引起的

逗号分隔列表与复选框值

2 个答案: