如何分割选中复选框，文本输入值

！[在这里输入的形象描述] [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

如何分割选中复选框，文本输入值

回答

相关问题