jquery 获取checkboxt选中的行的值

jquery 获取checkboxt选中的行的值,第1张

Jquery获取 check所有选中的值

var pausedCause = '';

$(":checkbox[name='pausedCause'][checked]")each(function(){

pausedCause += thisvalue + ',';

})

pausedCause = pausedCausesubstring(0,pausedCauselength-1);

(1)input的checked是一个html属性,checked的值没有意义,只不过各个版本对HTML的属性值写法规定不同才有了

checked="value"这种写法,只要有checked就表示页面在加载的时候checkbox被选中,没有写就页面加载的时候checkbox

就不被选中。

(2)同一个页面中用js获取checkbox是否选中:documentgetElementById("checkboxId")checked

(3)jsp

中在提交时,浏览器会把选中的CheckBox的Value值,添加到一个String数组当中。在Servlet(jsp)中用 String[]

chk =

requestgetParameterValues("CheckBox的名字");就能可到所有被选择的CheckBox值,如果没有选择则数

组:chk 为null。

自己测试下就知道了

这个简单,假如你的表格id为table,表格第一列为checkbox,然后在checkbox选中的情况下将表格所有第二列中的数据放到一个数组中

var data = [];$(function(){ $("#table")find(":checkbox:checked")each(function(){ var val = $(this)parent()next()text(); datapush(val); });});

有很多方法。

在你的check中保存数据行id,然后获取到数据行id,从数据库查询这行数据(从数据库获取数据)

在页面没有回传的前提下,获取到checkbox所属数据源的index,然后直接获取RepeaterItems[index]Data就是你要的数据了

思路:通过 :checked 筛选 checkbox 选中项,然后进行遍历,利用节点关系获取到input对象,最后使用val()方法获取input的内容。实例演示如下:

1、HTML结构

<table>

    <tr>

        <td><input type="checkbox" name="test"></td>

        <td><input type="text"></td><td><input type="text"></td>

    </tr>

    <tr>

        <td><input type="checkbox" name="test"></td>

        <td><input type="text"></td><td><input type="text"></td>

    </tr>

</table>

<input type="button" value="确定">

2、jquery代码

$(function(){

    $(":button")click(function() {

// 找到选中行的input

var ipts = $(":checkbox:checked")parents("tr")find("input:text");  

// 遍历input并使用val()方法获取值

        str = map(function() {return $(this)val();})get()join(", ");

        alert(str);

    });

});

3、效果演示

以上就是关于jquery 获取checkboxt选中的行的值全部的内容,包括:jquery 获取checkboxt选中的行的值、如何获取checkbox 选中的状态、如何获取table中checkbox 选中行中列的数据等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址:https://www.54852.com/web/9506886.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存