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

2024-11-20 04:38:17
推荐回答(4个)
回答1:

思路:通过 :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、效果演示

回答2:

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

$("#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 方法即可获取值,简单好用。不需要那么麻烦

回答3:

$(":checkbox:checked").closest("tr").find("input").each(function(){
    ...
});

回答4:

如下代码可以解决: