如何拆分選中的復選框，文本輸入值

Question

！[在此處輸入圖片描述] [1]

在這里，我附上了屏幕截圖，我的問題是，如果我選擇一個free form的復選框，那么我不能單獨接受自由格式的inet commission和bo commission值。值1的inet和bo commissions 。 請任何人幫助我解決問題。 每個復選框都有單獨的值，例如1,2等。

這是我的代碼：我正在codeigniter框架下工作。 這是html代碼，我正在從表中獲取數據。

有沒有可能的解決方案來拆分jquery中的值，

<?php
    if(isset($service_list) && !empty($service_list))
    { ?>    
        <div class="form-group">
    <label  class="col-sm-3 control-label">Product Name</label>
    <div class="col-sm-3" id="list_staff">
       <input type="checkbox" name="check_all" class="chkSelectAll">(Click to Check all)
    </div>
     <div class="col-sm-2">
           <label>I-net Commission</label>
        </div>
        <div class="col-sm-2">
           <label>Bo Commission</label>
        </div>
</div>
        <?php 
        foreach($service_list as $val)
        {
            $ds=0;
            if(isset($view_list) && !empty($view_list))
            {
                foreach($view_list as $val1)
                {
                    if($val['id']==$val1['mas_pro_id'])
                    {
                        $ds=1;
                    }
                }
            }
        ?>
        <div class="form-group">
        <label class="col-sm-3 control-label"><?=$val['pro_name']?></label>
        <div class="col-sm-3">
           <input type="checkbox" class="check_all serve" 
           name="permission[<?=$val['id']?>]" value="<?=$val['id']?>" <?=($ds>0)?'checked':''?>>
        </div>
        <div class="col-sm-2">
           <input type="text" class="int_com<?=$val['id']?>" id="inet" style="width:30px;"/>%
        </div>
        <div class="col-sm-2">
           <input type="text" class="bo_com<?=$val['id']?>" id="bo" style="width:30px;" />%
        </div>

    </div>
<?php } 
    }
    else 
    {
        echo "<div align='center' style='margin-right:100px; color:red;'>Sorry No Data Found..!</div>";
    }

?>   

我的腳本：

$('#submit').live('click',function()
    {
        for_loading('Loading Data Please Wait...');
        var cat_id=$('.cat_id').val();
        var s_cid=$('.u_sub_cat_id').val();

         var chkId = '';
        $('.serve:checked').each(function () {
            chkId += $(this).val() + ",";
          });
         chkId = chkId.slice(0, -1);

         $.ajax({
          url:BASE_URL+"product/edit_ser",
          type:'get',
          data:{ cat_id:cat_id,s_cid:s_cid,chkId:chkId},
          success:function(result){

          $("#list_view").html(result);

             //THIS IS FOR ALERT
            <?php /*?>jQuery.gritter.add({
            title: 'Success!',
            text: 'Category Added Successfully.',
            class_name: 'growl-success',
            image: '<?=$theme_path?>/images/screen.png',
            sticky: false,
            time: ''
         });<?php */?>
         for_response('Data Updated Successfully...');

      }    

    });

});

我的屏幕截圖可能是這樣的，

產品名稱A佣金B佣金

1. 自由形式ck盒 10％05％

2. 批量預訂ck box 00％00％

Answer 1

我不清楚您的問題，但我想您正在嘗試單擊相應的復選框時獲取文本字段的值，這也在提交時獲得。 因此，我創建了一個小提琴。

在這里檢查！

您必須給HTML元素賦予不同的ID。

 <input type="checkbox" class="check_all serve" name="permission" value="1" id="check_<?php echo $val['id']?>" />

並且

<input type="text" class="int_com_<?php echo $val['id']?> style inline" id="inet_<?php echo $val['id']?>" />
<input type="text" class="bo_com_<?php echo $val['id']?> style inline" id="bo_<?php echo $val['id']?>"/>