Javascript 使用jquery操作复选框和文本框

我的页面中有以下代码

    ....
    <input type="checkbox" title="Warehouse1" name="warehouse[]" id="selectedUser_1" class="select_checkbox" rel="warhouse_1" value="23">
    <input type="checkbox" title="Warehouse2" name="warehouse[]" id="selectedUser_2" class="select_checkbox" rel="warhouse_2" value="24">
    .....
    //text box to enter current stock for the above warehouses
    <input type="text" style="" name="current_stock[]" value="10" id="current_st_1" class="validtxt">
    <input type="text" style="" name="current_stock[]" value="11" id="current_st_2" class="validtxt">
    .....
<input type="button" id="check_warehouse_qty" name="check_warehouse_qty" value="OK">

。。。。
.....
//用于输入上述仓库的当前库存的文本框
.....

在这里，当我点击按钮时，我需要用文本框存储重复的复选框值。例如 我需要得到

23\u 10,24\u 11

。这样我就可以在隐藏的文本框中进行分配，并进行进一步的操作。

---

请给我一些建议。

我不确定我是否理解您希望如何改变您的价值观，但这里有一个机会

可以使用以下命令设置表单字段的值：

$('#inputId').val(newVal);

因此，在您的情况下，类似这样的操作会将当前的\u st_1值移动到selectedUser_1值：

$('#selectedUser_1').val($('#current_st_1').val());

如果要连接可以使用的值：

$('#selectedUser_1').val($('#selectedUser_1').val() + '_' + $('#current_st_1').val());

下面是指向val（）函数的jQuery API文档的链接：

---

我不确定我是否理解您希望如何移动您的值，但这里有一个镜头

可以使用以下命令设置表单字段的值：

$('#inputId').val(newVal);

因此，在您的情况下，类似这样的操作会将当前的\u st_1值移动到selectedUser_1值：

$('#selectedUser_1').val($('#current_st_1').val());

如果要连接可以使用的值：

$('#selectedUser_1').val($('#selectedUser_1').val() + '_' + $('#current_st_1').val());

下面是指向val（）函数的jQuery API文档的链接：

---

要获取/设置您应该能够使用的值，例如，类似于：

$('#current_st_1').val($('#selectedUser_1').val());

---

要获取/设置值，您应该能够使用.val（），例如：

$('#current_st_1').val($('#selectedUser_1').val());

---

您可能希望执行以下操作：

$('#check_warehouse_qty').click(function() {

    $('.select_checkbox').each(function() {

        var val = $(this).val();  // "23"

        var id = $(this).attr('id').replace('selectedUser_', '');

        val += $('#current_st_' + id).val(); // "23_10"

        // store 'val' in some hidden field
        $('hidden_field_' + id).val(val);

    });

});

---

您可能希望执行以下操作：

$('#check_warehouse_qty').click(function() {

    $('.select_checkbox').each(function() {

        var val = $(this).val();  // "23"

        var id = $(this).attr('id').replace('selectedUser_', '');

        val += $('#current_st_' + id).val(); // "23_10"

        // store 'val' in some hidden field
        $('hidden_field_' + id).val(val);

    });

});

---

我想你需要这样的东西

<script type="text/javascript">
(function($) {
    $(function() {
        $('#check_warehouse_qty').click(function(e){

            //check if first checkbox is ticked
            if ($('#selectedUser_1').attr('checked')) {
                //checks if value was already put in
                if($('#current_st_1').val().indexOf($('#selectedUser_1').val()+'_') == -1){
                    //if it was not then set the value
                    $('#current_st_1').val($('#selectedUser_1').val()+'_'+$('#current_st_1').val());
                }
            }
            else{
                //remove value if unchecked
                $('#current_st_1').val($('#current_st_1').val().replace($('#selectedUser_1').val()+'_',''));
            }

            //check if second checkbox is ticked
            if ($('#selectedUser_2').attr('checked')) {
                //checks if value was already put in
                if($('#current_st_2').val().indexOf($('#selectedUser_2').val()+'_') == -1){
                    //if it was not then set the value
                    $('#current_st_2').val($('#selectedUser_2').val()+'_'+$('#current_st_2').val());
                }
            }
            else{
                //remove value if unchecked
                $('#current_st_2').val($('#current_st_2').val().replace($('#selectedUser_2').val()+'_',''));
            }
        });
    });
})(jQuery);
</script>

（函数（$）{
$（函数（）{
$（“#检查_仓库_数量”）。单击（功能（e）{
//检查是否勾选了第一个复选框
if（$（'selectedUser_1'）.attr（'checked'））{
//检查是否已输入值
if（$（'#current#u st_1'）.val（）.indexOf（$（'#selectedUser_1'）.val（）{
//如果不是，则设置该值
$（'#当前的#当前的#当前的#当前的#当前的#当前的#当前的#当前的#当前的#当前的#当前的#当前的#当前的#当前的#当前的!；
}
}
否则{
//如果未选中，则删除值
$（'current'u st'u 1'）.val（$（'current'u st'u 1'）.val（）。替换（$（'selectedUser'u 1'）.val（）+'，''）；
}
//检查是否勾选了第二个复选框
if（$（'#selectedUser_2'）.attr（'checked'））{
//检查是否已输入值
if（$（'#current#u st_2'）.val（）.indexOf（$（'#selectedUser_2'）.val（）{
//如果不是，则设置该值
$（'#当前#st#U 2'）.val（$（'#selectedUser#U 2'）.val（）+''当前#st#U 2'）.val（）；
}
}
否则{
//如果未选中，则删除值
$（'current___2'）.val（$（'current__2'）.val（）.replace（$（'selectedUser_2'）.val（）+'，''）；
}
});
});
})（jQuery）；

我想你需要这样的东西

<script type="text/javascript">
(function($) {
    $(function() {
        $('#check_warehouse_qty').click(function(e){

            //check if first checkbox is ticked
            if ($('#selectedUser_1').attr('checked')) {
                //checks if value was already put in
                if($('#current_st_1').val().indexOf($('#selectedUser_1').val()+'_') == -1){
                    //if it was not then set the value
                    $('#current_st_1').val($('#selectedUser_1').val()+'_'+$('#current_st_1').val());
                }
            }
            else{
                //remove value if unchecked
                $('#current_st_1').val($('#current_st_1').val().replace($('#selectedUser_1').val()+'_',''));
            }

            //check if second checkbox is ticked
            if ($('#selectedUser_2').attr('checked')) {
                //checks if value was already put in
                if($('#current_st_2').val().indexOf($('#selectedUser_2').val()+'_') == -1){
                    //if it was not then set the value
                    $('#current_st_2').val($('#selectedUser_2').val()+'_'+$('#current_st_2').val());
                }
            }
            else{
                //remove value if unchecked
                $('#current_st_2').val($('#current_st_2').val().replace($('#selectedUser_2').val()+'_',''));
            }
        });
    });
})(jQuery);
</script>

（函数（$）{
$（函数（）{
$（“#检查_仓库_数量”）。单击（功能（e）{
//检查是否勾选了第一个复选框
if（$（'selectedUser_1'）.attr（'checked'））{
//检查是否已输入值
if（$（'#current#u st_1'）.val（）.indexOf（$（'#selectedUser_1'）.val（）{
//如果不是，则设置该值
$（'#当前的#当前的#当前的#当前的#当前的#当前的#当前的#当前的#当前的#当前的#当前的#当前的#当前的#当前的#当前的!；
}
}
否则{
//如果未选中，则删除值
$（'current'u st'u 1'）.val（$（'current'u st'u 1'）.val（）。替换（$（'selectedUser'u 1'）.val（）+'，''）；
}
//检查是否勾选了第二个复选框
if（$（'#selectedUser_2'）.attr（'checked'））{
//检查是否已输入值
if（$（'#current#u st_2'）.val（）.indexOf（$（'#selectedUser_2'）.val（）{
//如果不是，则设置该值
$（'#当前#st#U 2'）.val（$（'#selectedUser#U 2'）.val（）+''当前#st#U 2'）.val（）；
}
}
否则{
//如果未选中，则删除值
$（'current___2'）.val（$（'current__2'）.val（）.replace（$（'selectedUser_2'）.val（）+'，''）；
}
});
});
})（jQuery）；