Question

我有一个包含几个单选按钮的表。选择单选按钮并单击按钮后，表格的html（包括填充的单选按钮）应存储在变量中。但是，只有html表存储在变量中（即存储的html代码中没有checked属性）。

   <!DOCTYPE html>
    <html>
    <head>
       <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
    </head>
    <body>

    <form>
     <table id="satisfaction_table">
            <tr>
             <th>Nr</th>
             <th>Question</th>
             <th>1 (Unacceptable)</th>
             <th>2 (Poor)</th>
             <th>3 (Average)</th>
             <th>4 (Good)</th>
             <th>5 (Excellent)</th>
            </tr>

            <tr>
             <td>1</td>
             <td>Did you call more than once before your call was answered?</td>
             <td><input type="radio"></td>
             <td><input type="radio"></td>
             <td><input type="radio"></td>
             <td><input type="radio"></td>
             <td><input type="radio"></td>
            </tr>
      </table>
    </form>


    <button type="button" onClick="extract_table()">Extract</button>

      <script>
      function extract_table()
      {

       // store html table
       var table = $('form').html();
       alert(table);

      }

     </script>

    </body>
    </html>

Answer 1

如果您循环使用这些项目并在获得$1之前设置为properties，则可以反映已选中或其他应用的attributes。

＆＃13;

html()

＆＃13;

function extract_table() {
  var table = $('form');
  $('form :radio').each(function() {
    $(this).attr('checked', this.checked);
  })
  alert(table.html());
}

＆＃13;

用填充的单选按钮提取html表

1 个答案: