選中複選框 獲取複選框後面文字 顯示在div中 取消選中 則不顯示
<div class="am-form-group" style="height: auto; width: 30%;">
<label for="user-phone" class="am-u-sm-12 am-form-label am-text-left">評分項選擇 </label>
<div class="am-u-sm-12 am-margin-top-xs">
<div class="am-scrollable-vertical" >
<table class="am-table am-table-bordered am-table-striped am-text-nowrap am-table-centered">
<thead>
<th>選擇評分表</th>
<th>評分表名稱</th>
</thead>
<tbody>
<volist name="xm" id="xo">
<tr>
<td><input type="checkbox" name="xmcode[{$xo.xmcode}]" class="checkbox" value="{$xo.xmcode}"></td>
<td>{$xo.xmname}</td>
</tr>
</volist>
</tbody>
</table>
</div>
</div>
</div>
<div class="am-scrollable-vertical xuanze" style="position: absolute;right: 18%;width: 50%; top: 58.5%; ">
<table class="am-table am-table-bordered am-table-striped am-text-nowrap am-table-centered ">
<thead>
<th>已選評分項</th>
<th>設定最大分值</th>
<th>是否為一鍵否決項</th>
</thead>
<tbody id="tbody">
</tbody>
</table>
</div>
------以上是表單---------------------------------
var num=0;//定義一個全域性變數
$(function(){
$(".xuanze").hide();//頁面載入的時候隱藏div
});
$(".checkbox").on('click',function(){
var xmname = $(this). parent().next().text();//獲取點選複選框的文字if($(this).is(':checked'))//判斷複選框是否選中
{
var str = '';
str+= "<tr><td>"+xmname+"</td></tr>";//選中後拼接想要展示的資料
$("#tbody").append(str);//在tbody裡面展示
num=num+1;//選中讓全域性變數加一
}
else
{
num=num-1;//取消選中的時候 全域性變數減一 獲取tbody下所有的tr
$("#tbody tr").each(function(){
var text = $(this).children("td:first").text();//獲取tr中第一行td中的文字
if(text==xmname)//判斷獲取到的文字
{
$(this).remove();//相等的話刪除掉此行
}
})
}
if(num==0)//判斷定義的全域性變數是否
{
$(".xuanze").hide();//等於0隱藏
}
else
{
$(".xuanze").show();//不等於0的時候顯示
}
});