2017-07-14 20 views
0

私はデータテーブル内に複数のレコードを選択できる列を持っています。javascript(Ruby on Rails)のDatatableで選択できるチェックボックスの数の制限

enter image description here

問題は、私は彼らがこれだけのDataTableから1つのレコードを選択できるようにしたいです。

選択肢を1レコードに制限し、別のレコードを選択するたびに、選択した最後のレコードからチェックを削除するのが理想的です。私はどのように私はJavaScriptを使用してこれを達成することができます知っていると思います。

EDITは - これのおかげで、私のテーブル

`$('#email_templates').DataTable({ 
     pageLength: 25, 
     responsive: true, 
     processing: true, 
     serverSide: true, 
     autoWidth: false, 
     ajax: $('#email_templates').data('source'), 
     dom: '<"html5buttons"B>lTfgitp', 
     buttons: [ 
     { extend: 'copy'}, 
     {extend: 'csv'}, 
     {extend: 'excel', title: 'Email Templates'}, 
     {extend: 'pdf', title: 'Email Templates'}, 
     {extend: 'print', 
     customize: function (win){ 
     $(win.document.body).addClass('white-bg'); 
     $(win.document.body).css('font-size', '10px'); 

     $(win.document.body).find('table') 
     .addClass('compact') 
     .css('font-size', 'inherit'); 
     } 
    } 
    ], 
    columnDefs: [ 
    { 
     orderable: false, 
     targets: [0,1] 

    }, 
    { 
    'targets': 0, 
    'searchable': false, 
    'orderable': false, 
    'className': 'dt-body-center', 
    render: function (data, type, full, meta){ 
     return '<input type="checkbox" class="checkbox" name="id[]" value="' + $('<div/>').text(data).html() + '">'; 
    } 
    } 
    ], 
    columns: [ 
    { width: "20%" }, 
    { width: "40%" }, 
    { width: "40%" } 
    ] 
}); 

    });` 
+1

ラジオボタンを使用できますか?あなたはその行動を無料で得るでしょう。 あなたは[チェックボックスのようにそれらのスタイルを変更することもできます](https://stackoverflow.com/questions/279421/can-you-style-an-html-radio-button-to-look-like-a-checkbox) – Andrew

+0

私がしたこと。私はそれを受け入れることができるように答えを提出する! @Andrew – quincosa

+0

素晴らしいですね! – Andrew

答えて

1

代わりにラジオボタンを使用してみてくださいです。あなたはその行動を無料で得るでしょう。あなたもできますstyle them like checkboxes

関連する問題