jquery checkbox选中,该怎么解决
日期：2014-05-16 浏览次数：20464 次
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之类的接触不多 求教大家。我在线等啊。。。。。。谢谢
------解决方案--------------------
<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());
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
