jQ提交姓名学号性别籍贯选课信息到表格中
时间: 2024-03-17 21:45:26 浏览: 82
好的,您可以使用以下代码将姓名、学号、性别、籍贯和选课信息提交到表格中:
```javascript
$(document).ready(function() {
$('#submit-btn').click(function() {
var name = $('#name-input').val();
var studentID = $('#studentID-input').val();
var gender = $('input[name="gender"]:checked').val();
var hometown = $('#hometown-input').val();
var course = $('#course-select').val();
var tableRow = '<tr><td>' + name + '</td><td>' + studentID + '</td><td>' + gender + '</td><td>' + hometown + '</td><td>' + course + '</td></tr>';
$('#info-table tbody').append(tableRow);
});
});
```
假设您的表格ID为`info-table`,提交按钮的ID为`submit-btn`,姓名、学号、性别、籍贯和选课信息分别对应ID为`name-input`、`studentID-input`、`gender`、`hometown-input`和`course-select`的表单元素。当用户点击提交按钮后,代码会将这些表单元素的值提取出来,然后使用jQuery的`append`方法添加一行到表格中。
阅读全文