永发信息网

如何用JQuery实现获取checkbox选中的那一行的input中的值

答案:4  悬赏:50  手机版
解决时间 2021-03-24 00:43
  • 提问者网友:相思似海深
  • 2021-03-23 02:56
如何用JQuery实现获取checkbox选中的那一行的input中的值
最佳答案
  • 五星知识达人网友:青灯有味
  • 2021-03-23 04:17
思路:通过 :checked 筛选 checkbox 选中项,然后进行遍历,利用节点关系获取到input对象,最后使用val()方法获取input的内容。实例演示如下:
1、HTML结构

    
        
        
    
    
        
        
    


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、效果演示

全部回答
  • 1楼网友:英雄的欲望
  • 2021-03-23 07:41

如下代码可以解决:


  • 2楼网友:上分大魔王
  • 2021-03-23 06:18

这个你直接这样获取就可以

$("#roleId").val()//获取name的值即可。

如果在后台的表单获取的话也是这样,你只要获取这个值就行。我在这里以Struts2里面获取form表单对象的为例:

private String roleId;
public void setRoleId(String roleId) {
    this.roleId = roleId;
}
public String getRoleId() {
    return this.roleId;
}

把他的name定义为Action的一个属性,提供set get 方法即可获取值,简单好用。不需要那么麻烦

追问我是要获取选中的一行里面的所有值不是只要ID啊我是要获取选中的一行里面的所有值不是只要ID啊
  • 3楼网友:神鬼未生
  • 2021-03-23 04:52
$(":checkbox:checked").closest("tr").find("input").each(function(){
    ...
});追问each(function(){}这个里面怎么写啊

求QQ追答$(":checkbox:checked").closest("tr").find(":text").each(function(i, eleDom){
    // 遍历每个被选中的复选框所在行的文本框的值, 看你怎么用了,你要哪个
    alert('第 ' + (i+1) + ' 个文本框的值: ' + eleDom.value);
});
我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
点此我要举报以上问答信息
大家都在看
推荐资讯