javascript - 使用 jquery 操作复选框和文本框

Question

我的页面中有以下代码，

    ....
    <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_10,24_11 。这样我就可以在隐藏的文本框中分配并进行进一步的操作。请就此提出建议。

Answer 1

你想做这样的事情:

$('#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);

    });

});