html多选框 jquery,jquery中表单 多选框的一种巧妙写法

$(function(){

$("tbody>tr:odd").addClass("odd");

$("tbody>tr:even").addClass("even");

$('tbody>tr').click(function(){

var hasSelected = $(this).hasClass('selected');

$(this)[hasSelected ? "removeClass" : "addClass"]('selected').find(':checkbox').attr('checked', !hasSelected);

});

$('tbody>tr:has(:checked)').addClass('selected');

})

ssdsdasdsa sda

sssdadsadsdsadasdsdssadssassaasdsad sadssssaddadsadsadRainsdsdsad sad asd MAXMANs实打实的速度是

radio 写法:

$(function(){

$("tbody>tr:odd").addClass("odd");

$("tbody>tr:even").addClass("even");

$('tbody>tr').click(function(){

$(this).addClass('selected').siblings().removeClass('selected').end().find(':radio').attr('checked', true);

});

// $('table :radio:checked').parent().parent().addClass('selected');

$('table :radio:checked').parents("tr").addClass('selected');

//$('tbody>tr:has(:checked)').addClass('selected');

})

checkbox写法:

$(function(){

$("tbody>tr:odd").addClass("odd");

$("tbody>tr:even").addClass("even");

$('tbody>tr').click(function(){

if($(this).hasClass('selected')){

$(this).removeClass('selected').find(':checkbox').attr('checked', false);

}else{

$(this).addClass('selected').find(':checkbox').attr('checked', true);

}

});

// $('table :checkbox:checked').parent().parent().addClass('selected');

$('table :checkbox:checked').parents("tr").addClass('selected');

//$('tbody>tr:has(:checked)').addClass('selected');

})