用jquery怎么获取表格中的一行内容

用jquery怎么获取表格中的一行内容,第1张

一般都会在后台获得,比如这个表格的数据是用$list这个变量存储的,$list中每个元素都有id date title file四个字段,checkbox的name是id,现在写一个js方法用来将选中的复选框传到后台,需要使用一个按钮触发下面的方法

function fun(){

var arr = new Array()

$(":checked").each(function(){

arr[] = $(this).attr("name")

})

//然后用任意方法将arr传到后台

}

在后台根据传回来的id在$list中获得要你想要的数据。

上面是我觉得最简单的方法。

下面还有一个在页面里获得你要的数据的方法

将每一行数据都写在同一个div里,根据复选框的标示获得对应div内的数据

<div name=“id”>数据, (最后一列)<input type="checkbox" name="id" /></div>

<script>

function fun(){

var arr = new Array()

var name = ''

$(":checked").each(function(){

name = $(this).attr("name")

arr[] = $("div[name=" + name + "]").html()

})

}

</script>

jsp 表格中如果复选框选中,需要触发一个事件,获取数据并显示。

参考例子如下:

<input type="checkbox" name="atitle" value="历史名胜"><label>历史名胜</label>

<input type="checkbox" name="atitle" value="南方故事"><label>南方故事</label>

<input type="checkbox" name="atitle" value="职场故事"><label>职场故事</label>

<input type="checkbox" name="atitle" value="情感故事"><label>情感故事</label>

<input type="chec<A onClick="check()return false" >提交</A>

<script type="text/javascript">

function check(){

var chk_value =[]

$('input[name=atitle]:checked').each(function(){

chk_value.push($(this).val())

})

// chk_value=[历史名胜,南方故事,职场故事,情感故事,传奇解谜]

//chk_value应该是这样子.

$.ajax({

type: "post",

url: convertURL('up-ajx.jsp'),

// data: {atitle:$('input[name=atitle]').val()},

//如果是这样子是可以正常传送的.但只能是第一个值.

data:'atitle='+chkvalue,

//这样好像是不行,现在问题就是出在这里,atitle如何同时等多个值.

//up-ajx.jsp里是通过 Request.Form("atitle")来获取的.可果的直接用jsp是可以正常运行的.

dataType: "json",

error: function(){alert('出错了,您没有选择选项。')},

success: function(msg){

alert(msg)

}

})

}

</script>


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/sjk/6423514.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-21
下一篇 2023-03-21

发表评论

登录后才能评论

评论列表(0条)

保存