0

我的 HTML 代码是

  <table>
    <tr><td><input type="checkbox"></td><td><input type="checkbox"></td></tr>
    <tr><td><input type="checkbox"></td><td><input type="checkbox"></td></tr>
    <tr><td><input type="checkbox"></td><td><input type="checkbox"></td></tr>
    <tr><td><input type="checkbox"></td><td><input type="checkbox"></td></tr>
    <tr><td><input type="checkbox"></td><td><input type="checkbox"></td></tr>
    <tr><td><input type="checkbox"></td><td><input type="checkbox"></td></tr>
    <tr><td><input type="checkbox"></td><td><input type="checkbox"></td></tr>
    <tr><td><input type="checkbox"></td><td><input type="checkbox"></td></tr>
   </table>

我的 JQuery 代码是（不是我写的，一些 Stackoverflow 的使用帮助了我，我感谢他）

     $('TABLE TBODY TR').each(function()     
      {       
       var lastd =    $(this).children('tr td:last').find('input:checkbox');    
       var parentlast =   lastd.parent();       
       lastd.remove();           
       parentlast.append("<input type='radio'>"); // want to add the same properties of the removed checkbox     
      });

请有人帮助我。

4

3 回答 3

2

好吧，我不明白你为什么要这样做，但你可以把它变成一个单选按钮。

$('tr:last td:last input:checkbox').prop('type', 'radio');

（本示例使用 jQuery 1.6）

JsFiddle 演示

更新：正如@kei 正确指出的那样，这个在IE <9 中不起作用。所以我创建了这个：

var $csekk=$('tr:last td:last input:checkbox'),
    $klon=$csekk.clone().attr('type', 'radio');

$csekk.after($klon).remove();

JsFiddle 演示

这个基本上克隆了复选框（以保留您可能与之关联的每个属性），将克隆更改为收音机，插入它并删除旧的。

于 2011-06-20T16:27:30.743 回答
1

希望这能解决您的问题。

 $('TABLE TBODY TR').each(function()
    {  
    var lastd =    $(this).children('tr td:last').find('input:checkbox');  
     var parentlast =   lastd.parent();
      lastd.remove();     
      parentlast.append("<input type='radio'>");

    });

所以基本上它会找到最后一个复选框，将其从 dom 中删除，然后创建一个新复选框

于 2011-06-20T16:29:46.917 回答
0

这是一个使用 jQuery、CSS 和图像精灵自定义单选按钮和复选框的插件和教程。

可访问的、自定义设计的复选框和单选按钮输入，采用 CSS（和少量 jQuery）样式

由于您将使用自定义创建的精灵，您可以简单地使它们看起来像您想要的任何东西。

于 2011-06-20T16:32:16.607 回答