javascript - jQuery：我如何找到特定的输入类型，它是 id/name，然后是持有它并切换它

Question

单击文本“单击以显示”时，如何切换复选框及其显示文本？

我的代码：编辑-这是实际代码在应用程序中的显示方式-

 <td class="txtval"><input type="checkbox" name="798[]" id="798[]" value="1" 0="txtval" 1="" style="display: inline-block;">Yes
<td class="txtval"><input type="checkbox" name="798[]" id="798[]" value="1" 0="txtval" 1="" style="display: inline-block;">No
<td class="txtval"><input type="checkbox" name="798[]" id="798[]" value="1" 0="txtval" 1="" style="display: inline-block;">Maybe</td></tr>

如何找到名称为 798[] 的输入类型复选框，然后找到上一个并切换它

Answer 1

我会去：

$("input[name='7365[]']").attr("checked", "checked")

顺便提一句。每个元素的 ID 属性值应该是唯一的。

Answer 2

这将使单击复选框的文本切换显示：

$('tr td:first').on("click", function()
                    {
                        $(this).next().toggle();
                    });

http://jsfiddle.net/pq7tK/3/

在您的评论中您问：“我该怎么做：找到名称为 798[] 的输入类型复选框，然后找到前一个 td 并切换它”

我的猜测是你想要这个：

$('input[name='798[]']).closest('td').toggle();

Answer 3

您可以使用以下代码进行切换：切换

$('input[type=checkbox]').each(function () {
              this.checked = !this.checked;
    });

Answer 4

<table>
    <tr>
        <td valign="top">Fruits: <a href="javascript:;" id="lnkClickToDisplay">[click to display]</a>&nbsp;&nbsp; &nbsp;</td>
        <td id="checkboxesContainer" style="display:none">
            <input type="checkbox" name="7365[]" id="7365[]" value="orange"0="">orange<br />
            <input type="checkbox" name="7365[]" id="7365[]" value="apples"0="">apples<br /><input type="checkbox" name="7365[]" id="7365[]" value="pears"0="">pears<br />                
        </td>
    </tr>
</table>

<script>

$(function() {
    $('#lnkClickToDisplay').click(function() {
        $('#checkboxesContainer').show();
        $(this).hide();
    });
});

</script>

Answer 5

我认为这应该有效

$('tr td:eq(1)').hide();

$('tr').on('click', '.toggler', function(e){
    var ct = $(e.currentTarget);
    if(ct.is('.items-hidden')){
        ct.html('click to display').removeClass('items-hidden');
    } else {
        ct.html('click to hide').addClass('items-hidden');
    }
    ct.parent().next().toggle();
});

演示：小提琴