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 に答える