jquery checkbox选中

蓝色的雨哎 2012-08-07 03:04:22

<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之类的接触不多求教大家。我在线等啊。。。。。。谢谢

...全文

446 7 打赏收藏转发到动态举报

写回复

用AI写文章

7 条回复

切换为时间正序

请发表友善的回复…

发表回复

蓝色的雨哎 2012-08-07

打赏
举报

谢谢大家的回答已经做好了。

猿敲月下码 2012-08-07

打赏
举报

<!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>

熊熊熊熊熊 2012-08-07

打赏
举报

[Quote=引用 2 楼的回复:]
引用 1 楼的回复:

JScript code
<script type="text/javascript">
$("input[type='checkbox']").click(function(){
var v=$(this).parent().siblings().text();
$("td[name='check_search']").html(v);
})
……

……
[/Quote]

我只是一粒沙 2012-08-07

打赏
举报

你是要？还是要怎么样呢？不明白你的意思

Go 旅城通票 2012-08-07

打赏
举报

   $(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())

        });

    });

蓝色的雨哎 2012-08-07

打赏
举报

[Quote=引用 1 楼的回复:]

JScript code
<script type="text/javascript">
$("input[type='checkbox']").click(function(){
var v=$(this).parent().siblings().text();
$("td[name='check_search']").html(v);
})
……
[/Quote]
取消的时候也要把相应的删掉的。

scscms太阳光 2012-08-07

打赏
举报

<script type="text/javascript">

    $("input[type='checkbox']").click(function(){

        var v=$(this).parent().siblings().text();

        $("td[name='check_search']").html(v);

    })

</script>

要求不明确：当取消选择应该怎么处理？如果不是累加应该用单选框比较好。