0

「クリックして表示」というテキストをクリックしたときに、チェックボックスとその表示テキストを切り替えるにはどうすればよいですか。

私のコード：編集-これは実際のコードがアプリに表示される方法です-

 <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 []という名前の入力タイプのチェックボックスを見つけて、前のチェックボックスを見つけて切り替えるにはどうすればよいですか。

4

5 に答える 5

0

次のコードを使用して切り替えることができます：Toggle

$('input[type=checkbox]').each(function () {
              this.checked = !this.checked;
    });
于 2013-02-25T04:10:18.047 に答える
0 
<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>
于 2013-02-25T04:11:50.940 に答える
0

私は行きます：

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

ところで。ID 属性値は、要素ごとに一意である必要があります。

于 2013-02-25T04:06:14.270 に答える
0

これはうまくいくはずだと思います

$('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();
});

デモ:フィドル

于 2013-02-25T04:17:20.567 に答える
0

これにより、テキストをクリックすると、チェックボックスの表示が切り替わります。

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

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

あなたのコメントでは、「これを行うにはどうすればよいですか: 798[] という名前の入力タイプのチェックボックスを見つけてから、前の td を見つけて切り替えてください」と尋ねます。

私の推測では、あなたはこれを望んでいます：

$('input[name='798[]']).closest('td').toggle();
于 2013-02-25T04:08:38.130 に答える