如何拆分复选框,文本输入值

时间:2014-12-19 06:25:52

标签: javascript jquery codeigniter

![在此处输入图片说明] [1]

这里我附上了屏幕截图,我的问题是,如果我选中一个复选框free form,我就不能单独使用自由格式inet commissionbo commission值。如果我选中了复选框,则值为1表示我应该使用值1 inetbo 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%

1 个答案:

答案 0 :(得分:0)

我没有清楚地理解你的问题,但我想这是你试图在点击相应的复选框时获取文本字段的值,这也是在提交时。所以我创造了一个小提琴。

Check here!

你必须为你的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']?>"/>