设置td检查属性

Question

我有一个包含多行的表，每行都有一个复选框：

<tr id="${user_id}" class="SearchAccount" style="height: 40px;">
    <td>John</td>
    <td>John</td>
    <td>Smith</td>
    <td>20/12/2013</td>
    <td>
        <div class="itoggle">
            <input type="checkbox" name='${user_id}' value="member" class="editteamtextbox" />
        </div>
    </td>
</tr>
<tr id="${user_id}" class="SearchAccount" style="height: 40px;">
    <td>Adam</td>
    <td>John</td>
    <td>Jones</td>
    <td>20/12/2013</td>
    <td>div class="itoggle">
        <input type="checkbox" name='${user_id}' value="member" class="editteamtextbox" />
        </div>
    </td>
</tr>

我在更改复选框时设置“已选中”时遇到问题： 我使用以下代码执行此操作：

$('.editteamtextbox').iToggle({
     easing: 'easeOutExpo',
     keepLabel: true,
     speed: 200,
     onClickOn: function () {
         $(this).closest('input').prop('checked', 'checked');
     },
     onClickOff: function () {
         $(this).closest('input').prop('checked', 'false');
     }
 });

Answer 1

如果您想要点击td标签，请检查您的收音机，您可以这样做：

$(function(){
    $('td .itoggle').click(function(){
        if($(this).children("input[type=checkbox]").prop('checked')){
            $(this).children("input[type=checkbox]").prop('checked', false);
        }
        else{
            $(this).children("input[type=checkbox]").prop('checked', true);        
        }
    });
});