Javascript 桌子{ 字体系列：Arial，无衬线；边界塌陷：塌陷；宽度：100%； } 运输署， th{ 边框：1px实心#dddddd；文本对齐：左对齐；填充：8px； } tr:n个孩子（偶数）{ 背景色：#dddddd； } $（'.btn'）。在（'click'，函数（事件）{ var firstName=$.trim（$（'#first_name'）.val（））； var description=$.trim（$（'#description'）.val（））； var taskDone=$（'input[name=taskDone]：checked'）.val（）； var taskType=$（“#taskType选项：已选定”）.val（）； var numRows=$（'#tableBody'）.find（'tr'）.length； var newRow=$（''）； var cols=newRow.children（）；列式（0）文本（numRows+1）； cols.eq（1）.文本（名字）；公式（2）.文本（描述）； cols.eq（3）.文本（任务完成）；公式（4）.文本（任务类型）； newRow.appendTo（“#tableBody”）； }); 员工任务记录 S.N 任务描述完成类型给定任务：说明：完成：是的无任务类型：有规律的会合编码文档支持_Javascript_Jquery

Javascript 桌子{ 字体系列：Arial，无衬线；边界塌陷：塌陷；宽度：100%； } 运输署， th{ 边框：1px实心#dddddd；文本对齐：左对齐；填充：8px； } tr:n个孩子（偶数）{ 背景色：#dddddd； } $（'.btn'）。在（'click'，函数（事件）{ var firstName=$.trim（$（'#first_name'）.val（））； var description=$.trim（$（'#description'）.val（））； var taskDone=$（'input[name=taskDone]：checked'）.val（）； var taskType=$（“#taskType选项：已选定”）.val（）； var numRows=$（'#tableBody'）.find（'tr'）.length； var newRow=$（''）； var cols=newRow.children（）；列式（0）文本（numRows+1）； cols.eq（1）.文本（名字）；公式（2）.文本（描述）； cols.eq（3）.文本（任务完成）；公式（4）.文本（任务类型）； newRow.appendTo（“#tableBody”）； }); 员工任务记录 S.N 任务描述完成类型给定任务：说明：完成：是的无任务类型：有规律的会合编码文档支持

javascript jquery

Javascript 桌子{ 字体系列：Arial，无衬线；边界塌陷：塌陷；宽度：100%； } 运输署， th{ 边框：1px实心#dddddd；文本对齐：左对齐；填充：8px； } tr:n个孩子（偶数）{ 背景色：#dddddd； } $（'.btn'）。在（'click'，函数（事件）{ var firstName=$.trim（$（'#first_name'）.val（））； var description=$.trim（$（'#description'）.val（））； var taskDone=$（'input[name=taskDone]：checked'）.val（）； var taskType=$（“#taskType选项：已选定”）.val（）； var numRows=$（'#tableBody'）.find（'tr'）.length； var newRow=$（''）； var cols=newRow.children（）；列式（0）文本（numRows+1）； cols.eq（1）.文本（名字）；公式（2）.文本（描述）； cols.eq（3）.文本（任务完成）；公式（4）.文本（任务类型）； newRow.appendTo（“#tableBody”）； }); 员工任务记录 S.N 任务描述完成类型给定任务：说明：完成：是的无任务类型：有规律的会合编码文档支持,javascript,jquery,Javascript,Jquery,input[type=text]，挑选{ 宽度：50%；填充：12px 20px；利润率：8px0；显示：内联块；边框：1px实心#ccc；边界半径：4px；框大小：边框框； } .分开{ 身高：100%；宽度：50%；位置：固定； z指数：1；排名：0；溢出x：隐藏；填充顶部：20px； } .左{ 左：0；背景色：#b8c6dd； } .对{ 右：0；背景色：#dce0d9； } 桌子{ 字体系列：Arial，无衬线；边界塌陷：塌陷；宽度：100%； } 运输

input[type=text]，
挑选{
宽度：50%；
填充：12px 20px；
利润率：8px0；
显示：内联块；
边框：1px实心#ccc；
边界半径：4px；
框大小：边框框；
}
.分开{
身高：100%；
宽度：50%；
位置：固定；
z指数：1；
排名：0；
溢出x：隐藏；
填充顶部：20px；
}
.左{
左：0；
背景色：#b8c6dd；
}
.对{
右：0；
背景色：#dce0d9；
}
桌子{
字体系列：Arial，无衬线；
边界塌陷：塌陷；
宽度：100%；
}
运输署，
th{
边框：1px实心#dddddd；
文本对齐：左对齐；
填充：8px；
}
tr:n个孩子（偶数）{
背景色：#dddddd；
}


$（'.btn'）。在（'click'，函数（事件）{
var firstName=$.trim（$（'#first_name'）.val（））；
var description=$.trim（$（'#description'）.val（））；
var taskDone=$（'input[name=taskDone]：checked'）.val（）；
var taskType=$（“#taskType选项：已选定”）.val（）；
var numRows=$（'#tableBody'）.find（'tr'）.length；
var newRow=$（''）；
var cols=newRow.children（）；
列式（0）文本（numRows+1）；
cols.eq（1）.文本（名字）；
公式（2）.文本（描述）；
cols.eq（3）.文本（任务完成）；
公式（4）.文本（任务类型）；
newRow.appendTo（“#tableBody”）；
});
员工任务记录
S.N
任务
描述
完成
类型
给定任务：


说明：


完成：是的
无任务类型：
有规律的
会合
编码
文档
支持

到目前为止，您尝试了什么，您被困在哪里了？使用jQuery添加一些HTML元素应该有很好的文档记录。请注意，标记已经过时了。到目前为止，您尝试了什么，您在哪里卡住了？使用jQuery添加一些HTML元素应该有很好的文档记录。请注意，标记已经过时了。这对我来说很有效。我不知道jQuery append，现在我得到了。这对我来说很有效。我不知道jQuery append，现在我得到了。这对我来说很有效。我不知道jQuery append，现在我得到了。这对我来说很有效。我不知道jQuery追加，现在我得到了它。

<!DOCTYPE html>
<html>
<head>
<title>Try update table</title>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script>

function addData(){
    $("#resultTable tr:last").after('<tr><td>'+$('input[name="taskDone"]:checked').val()+'</td><td>'+$('#description').val()+'</td><td>'+$('#taskType').children("option:selected").val()+'</td></tr>');
    return false;
}

</script>

</head>
<body>

    <table id="resultTable">
    <tr>
      <th>S.N</th>
      <th>Task</th>
      <th>Description</th>
      <th>Complete</th>
      <th>Type</th>
    </tr>
  </table>

    <form id="first_form" method="post" onsubmit="return addData();">
      Given Task : <input type="text" id="first_name" name="task" value="">
      <br><br> Description: <input type="text" id="description" name="description" value=""><br>
      <br> Complete: <input type="radio" name="taskDone" value="yes" checked> Yes
      <input type="radio"  name="taskDone" value="no"> No<br> <br> Task Type:
      <select id="taskType">
        <option value="regular">Regular</option>
        <option value="Meeting">Meeting</option>
        <option value="coding">Coding</option>
        <option value="documentation">Documentation</option>
        <option value="support">Support</option>
      </select> <br> <br>
      <input type="submit"  value="submit" button class="button">
    </form>

</body>
</html>

[jquery]相关文章推荐

随机文章推荐