jquery checkbox选中
<table id="tb" border=1 style="text-align:center;" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td width="20%" colspan=2 class="td1">商品名</td>
<td width="20%" class="td1">合年式?</td>
<td width="20%" class="td1">定</td>
<td width="20%" class="td1">定（税）</td>
<td width="20%" class="td2">格</td>
</tr>
<tr>
<td><input type="checkbox" value="1" name="search_product_flag[]"></td>
<td>aa</td>
<td>bb</td>
<td>cc</td>
<td>dd</td>
<td>ee</td>
</tr>
<tr>
<td><input type="checkbox" value="2" name="search_product_flag[]"></td>
<td>ff</td>
<td>gg</td>
<td>hh</td>
<td>ii</td>
<td>jj</td>
</tr>
<tr>
<td><input type="checkbox" value="3" name="search_product_flag[]"></td>
<td>kk</td>
<td>ll</td>
<td>mmm</td>
<td>nn</td>
<td>pp</td>
</tr>
<tr>
<td colspan=3></td>
<td colspan=3 name="check_search">check</td>
</tr>
</table>
要求的功能：
当选中某一行中的checkbox 将所有被选中的checkbox后面的 商品名（比如 aa ff kk） 写入到 <td colspan=3 name="check_search">check</td> 这个td里面。
jquery之类的接触不多 求教大家。我在线等啊。。。。。。谢谢
[解决办法]
- JScript code
<script type="text/javascript"> $("input[type='checkbox']").click(function(){ var v=$(this).parent().siblings().text(); $("td[name='check_search']").html(v); })</script>
[解决办法]
- JScript code
$(function () { var cbs = $('#tb input[type=checkbox]'); cbs.click(function () { $('#tb td[name=check_search]').html(cbs.filter(':checked').map(function () { return $(this).parent().next().html(); }).get().join()) }); });
[解决办法]
[解决办法]
- HTML code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML><HEAD><TITLE> New Document </TITLE><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script type="text/javascript">window.onload = function() { var $check_search = $('#check_search'); var $table = $("#tb"); $table.find('input[type=checkbox]').click(function(){ if(this.checked){ var rowIndex = this.value; // 同辈td var $otherTDs = $(this).parent().nextAll(); var html = []; // 遍历TD $otherTDs.each(function(){ html.push($(this).html()); }); // 添加到check_search中 $check_search.append(html.join('')); } })}</script></HEAD><BODY><!--要求的功能： 当选中某一行中的checkbox 将所有被选中的checkbox后面的 商品名（比如 aa ff kk） 写入到 <td colspan=3 name="check_search">check</td> 这个td里面。--><table id="tb" border=1 style="text-align:center;" cellspacing="0" cellpadding="0" width="100%"> <tr> <td width="20%" colspan=2 class="td1">商品名</td> <td width="20%" class="td1">合年式?</td> <td width="20%" class="td1">定</td><td width="20%" class="td1">定（税）</td><td width="20%" class="td2">格</td> </tr><tr> <td><input type="checkbox" value="1" name="search_product_flag[]"></td><td>aa</td><td>bb</td><td>cc</td><td>dd</td><td>ee</td></tr><tr> <td><input type="checkbox" value="2" name="search_product_flag[]"></td><td>ff</td><td>gg</td><td>hh</td><td>ii</td><td>jj</td></tr><tr> <td><input type="checkbox" value="3" name="search_product_flag[]"></td><td>kk</td><td>ll</td><td>mmm</td><td>nn</td><td>pp</td></tr><tr><td colspan=3></td> <td colspan=3 id="check_search" name="check_search">check</td></tr></table></BODY></HTML>