html 单双引号混合使用例子

[#ftl]
[#include "/com/ekingstar/eams/teach/program/ftllib/planGroupFunctions.ftl" /]
<link rel="stylesheet" type="text/css" href="static/css/plan.css" />
<link rel="stylesheet" type="text/css" href="static/scripts/treetable/css/jquery.treeTable.css" />
<script type="text/javascript" src="${base}/static/scripts/treetable/jquery.treeTable.js"></script>
<style>

</style>

<table class="formTable" width="100%" id="optionTable">
<caption>课程组列表11</caption>
<tr align="center">
<td width="3px" class="gridselect-top"><input type="checkbox" name="std.idbox" onclick="bg.ui.grid.toggleAll(event)" title="选择全部"> </td>
<td align="center" style="background-color: #c7dbff;10%">课程类别</td>
<td align="center" style="background-color: #c7dbff;10%">课程编号</td>
<td align="center" style="background-color: #c7dbff;10%">课程名称</td>
<td align="center" style="background-color: #c7dbff;10%">大类</td>
<td align="center" style="background-color: #c7dbff;10%">小类</td>
<td align="center" style="background-color: #c7dbff;10%">课程性质</td>
<td align="center" style="background-color: #c7dbff;5%">学分</td>
<td align="center" style="background-color: #c7dbff;5%">学时</td>
<td align="center" style="background-color: #c7dbff;20%">学分分布</td>
<td colspan="2" align="center" style="background-color: #c7dbff;7%">操作</td>
</tr>

<tr>
<td colspan="12" align="center" id="td-bar"><input type="button" class="btn-add" value="添加课程"/>
<div id="validinfo"></div>
</td>
</tr>
<tr>
<td colspan="12" align="center"><input type="button" id="save" value="保存"/></td>
</td>
</tr>
</table>

<script language="javascript">
jQuery('.btn-add').click(function(){
var index =0;

if(jQuery('#optionTable').find('tr.tr-option').length>0){
index = parseInt(jQuery('#optionTable').find('tr.tr-option').last().attr('index'))+1;
}
var name="option"+index+".name";

jQuery(this).parent('td').parent('tr').before(
'<tr class="tr-option" index='+index+'>'+
'<td width="25px" class="gridselect"><input class="box" name="'+"member"+index+".name"+'" value="" type="checkbox"></td>'+
'<td align="center"><input maxlength="200" class="optName" value="" name="'+"member"+index+".name"+'"/></td>'+
'<td align="center"><input maxlength="200" class="optName2" value="" name="'+"member"+index+".task"+'"/></td>'+
'<td align="center"><input maxlength="200" class="optName3" value="" name="'+"member"+index+".title"+'"/></td>'+
'<td align="center"><input maxlength="200" class="optName4" value="" name="'+"member"+index+".title"+'"/></td>'+
'<td align="center"><input maxlength="200" class="optName5" value="" name="'+"member"+index+".title"+'"/></td>'+
'<td align="center"><input maxlength="200" class="optName6" value="" name="'+"member"+index+".title"+'"/></td>'+
'<td align="center"><input maxlength="200" class="optName7" value="" name="'+"member"+index+".title"+'"/></td>'+
'<td align="center"><input maxlength="200" class="optName8" value="" name="'+"member"+index+".title"+'"/></td>'+
'<td align="center"><input maxlength="200" class="optName9" value="" name="'+"member"+index+".title"+'"/></td>'+
'<td align="center" class="gridselect">'+'<input type="button" class="btn-del" value="删除"/></td>'+
'<td align="center" class="gridselect">'+'<input type="button" class="btn-add" value="保存"/></td>'+
'</tr>'
)

jQuery('.btn-del').click(function(){
jQuery(this).parent('td').parent('tr').remove();
});
});
</script>