不使用jquery的Radiobuttons附加?

时间:2018-05-23 12:55:11

标签: jquery

我像这样附加jquery每个功能单选按钮;

$.each(dt, function (i, dt) {
 $('#tblCevaplar').append("<tr><td style='width:40px'> <input type='radio' name='radio"+i+"'  id='radio"+i+"' class='Radio' /><label for='radio11'> " +"</td><td>'" +dt.Cevap + "</td></tr>");
});

HTML

  <div class="row">
        <div class="col s12 m6 l6">
            <div class="card">
                <label id="soru" style="color: #000000; font-size: 20px"></label>
                <div class="card-content">
                    <div id="striped-table">
                        <div class="row">
                            <div class="col s12">
                                <table>
                                    <thead>
                                        <tr>
                                            <th>Cevaplar
                                            </th>
                                        </tr>
                                    </thead>
                                    <tbody id="tblCevaplar">
                                    </tbody>

                                </table>
                            </div>
                        </div>
                    </div>

无法选择添加的单选按钮。问题出在哪里?

1 个答案:

答案 0 :(得分:1)

您需要进行更改: -

1.为每个广播框添加公共<table> <tr> <td style="background-color: #ffe129;"></td> <td style="background-color: #bdff4d;"></td> </tr> </table>,以便一次可以选择一个。

2. name需要<label>

3. closed这里不需要',所以请将其删除。

所以代码必须是: -

'" +dt.Cevap + "

工作代码段: -

&#13;
&#13;
$.each(dt, function (i, dt) {
  $('#tblCevaplar').append("<tr><td style='width:40px'> <input type='radio' name='radio' class='Radio' /><label for='radio"+i+"'></label> " +"</td><td>" +dt.Cevap + "</td></tr>");
});
&#13;
$(document).ready(function(){
   dt = [{'Cevap':1},{'Cevap':2}];
  $.each(dt, function (i, dt) {
   $('#tblCevaplar').append("<tr><td style='width:40px'> <input type='radio' name='radio' class='Radio' /><label for='radio"+i+"'></label> " +"</td><td>" +dt.Cevap + "</td></tr>");
  });
});
&#13;
&#13;
&#13;