jquery中表单 多选框的一种巧妙写法_jquery
程序员文章站
2022-04-02 13:56:28
...
s | sd | sdasdsa sda | |
---|---|---|---|
s | s | sdadsadsd | |
sadasdsd | s | sads | |
sas | s | aasdsad sad | |
ss | ssad | dadsadsad | |
Rain | sd | sdsad sad asd | |
MAXMAN | s | 实打实的速度是 |
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'); })