如何分割選中複選框，文本輸入值

！[在這裏輸入的形象描述] [1]如何分割選中複選框，文本輸入值

這裏我附上了截屏和我的問題是，如果我選擇一個複選框free form，我不能」 t自由格式inet commission和bo commission價值alone.If我檢查複選框，價值是一個手段我應該採取值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...'); 

     }  

    }); 

});

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

產品名稱的委員會乙委員會

自由形式CK箱 10％05％
批量預訂CK箱 00％00％

來源

2014-12-19 Bala Chandar

哪裏是你的屏幕截圖？告訴我們你需要什麼？向我們展示您的jQuery代碼。 – 2014-12-19 06:28:30

如果你想要html和javascript幫助，不要發佈一堆服務器端代碼。只需發佈瀏覽器看到的來源 – charlietfl 2014-12-19 06:31:04

也@Bala使用相同的無效的Id。 – 2014-12-19 06:35:02

我沒有清楚地理解你的問題，但我想這是你在努力當其相應的複選框被點擊時獲取文本字段的值，這也在提交。所以我創造了一個小提琴。

Check here!

你必須給不同的ID對你的HTML元素。

<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']?>"/>

來源

2014-12-19 10:52:15 John

如何分割選中複選框，文本輸入值

回答

相關問題