Javascript 仅当选中关联复选框时才插入输入文本数据

这是我的HTMl代码，实际上我想插入输入文本数据，如果只选中了复选框，并且有50多个输入字段需要插入唯一的数据，就像这个HTMl一样

<div class="row">
    <form action="" method="post" name="country_form" class="form" role="form">
        <div class="form-group">

            <div class="col-lg-3 col-xs-12 bg-info">
                <div class="squaredOne pull-left">
                    <input type="checkbox" value="" id="Asian" name="check[0]" />
                    <label for="Asian"></label>
                </div>
                <span class="pull-left">Asian</span><span class="clearfix"></span>
                <input class="bg-alert" type="number" id="bales" name="Asian[0]" min="0" placeholder="Asian Bales">
            </div>

            <div class="col-lg-3 col-xs-12 bg-info">
                <div class="squaredOne pull-left">
                    <input type="checkbox" value="" id="BabyGrow" name="check[1]" />
                    <label for="BabyGrow"></label>
                </div>
                <span class="pull-left">Baby Grow</span><span class="clearfix"></span>
                <input class="bg-alert" type="number" id="bales" name="BabyGrow[1]" min="0" placeholder="Baby Grow Bales">
            </div>

            <div class="col-lg-3 col-xs-12 bg-info">
                <div class="squaredOne pull-left">
                    <input type="checkbox" value="" id="Boys_Pants" name="check[2]" />
                    <label for="Boys_Pants"></label>
                </div>
                <span class="pull-left">Boys Pants</span><span class="clearfix"></span>
                <input class="bg-alert" type="number" id="bales" name="Boys_Pants[2]" min="0" placeholder="Boys Pant Bales">
            </div>

            <div class="col-lg-3 col-xs-12 bg-info">
                <div class="squaredOne pull-left">
                    <input type="checkbox" value="" id="Boys_Colour_Shirts" name="check[3]" />
                    <label for="Boys_Colour_Shirts"></label>
                </div>
                <span class="pull-left">Boys Colour Shirts</span><span class="clearfix"></span>
                <input class="bg-alert" type="number" id="bales" name="Boys_Colour_Shirts[3]" min="0" placeholder="Boys Colour Shirt Bales">
            </div>  

         <div class="form-group">
             <input type="button" value="Next" class="btn-block btn btn-lg btn-info"/>
        </div>

      </form>
     <div>
    </div>

亚洲的
婴儿成长
男孩的裤子
男孩彩色衬衫

在我的数据库中，所有输入字段都在单独的列中 这样地 CT|U ID |亚洲| BabyGrow | Baby|U裤子|婴儿色衬衫e.t.c（60多栏）

在复选框字段中，检查[0]和输入文本中的亚洲[0]数组是否相同，是否正确？我该怎么做

我插入或更新PHP代码的想法是：

for ($j = 0; $j < count($_POST['check']); $j++) {
    if (!empty($_POST['check'][$j])) { /* CHECK IF CHECKBOX IS SELECTED */
        $q = "INSERT INTO container (Asian, BabyGrow) VALUES ('$Asian','$BabyGrow')";
        $q = mysql_query($q);
    }
}

for（$j=0；$j

---

但是我不确定，而且很难为50多个具有唯一输入字段的div框编写html

在代码下面粘贴一个新的尝试页面，并知道您做错了多少事情。1）您没有使用提交按钮提交并发布值。2）您没有在表单中正确命名输入。3） php代码（4）中的逻辑未检查页面是否已发布

<div class="row">
    <form action="" method="post" name="country_form" class="form" role="form">
        <div class="form-group">

            <div class="col-lg-3 col-xs-12 bg-info">
                <div class="squaredOne pull-left">
                    <input type="checkbox" value="Asian" id="Asian" name="check[0]" />
                    <label for="Asian"></label>
                </div>
                <span class="pull-left">Asian</span><span class="clearfix"></span>
                <input class="bg-alert" type="number" id="bales" name="Asian" min="0" placeholder="Asian Bales">
            </div>

            <div class="col-lg-3 col-xs-12 bg-info">
                <div class="squaredOne pull-left">
                    <input type="checkbox" value="BabyGrow" id="BabyGrow" name="check[1]" />
                    <label for="BabyGrow"></label>
                </div>
                <span class="pull-left">Baby Grow</span><span class="clearfix"></span>
                <input class="bg-alert" type="number" id="bales" name="BabyGrow" min="0" placeholder="Baby Grow Bales">
            </div>

            <div class="col-lg-3 col-xs-12 bg-info">
                <div class="squaredOne pull-left">
                    <input type="checkbox" value="Boys_Pants" id="Boys_Pants" name="check[2]" />
                    <label for="Boys_Pants"></label>
                </div>
                <span class="pull-left">Boys Pants</span><span class="clearfix"></span>
                <input class="bg-alert" type="number" id="bales" name="Boys_Pants" min="0" placeholder="Boys Pant Bales">
            </div>

            <div class="col-lg-3 col-xs-12 bg-info">
                <div class="squaredOne pull-left">
                    <input type="checkbox" value="Boys_Colour_Shirts" id="Boys_Colour_Shirts" name="check[3]" />
                    <label for="Boys_Colour_Shirts"></label>
                </div>
                <span class="pull-left">Boys Colour Shirts</span><span class="clearfix"></span>
                <input class="bg-alert" type="number" id="bales" name="Boys_Colour_Shirts" min="0" placeholder="Boys Colour Shirt Bales">
            </div>  

         <div class="form-group">
             <input type="submit" value="Next" name="submit" class="btn-block btn btn-lg btn-info"/>
        </div>

      </form>
     <div>
    </div>
    <?php
  if(isset($_REQUEST['submit'])){
    echo "<pre>";
        $query = " INSERT INTO container (";
        $cols=$vals="";
        foreach($_REQUEST['check'] as $chkbx){
          if(isset($_REQUEST[$chkbx]) && $_REQUEST[$chkbx]!=""){
             $cols.=$chkbx.", ";
             $vals.="'".$_REQUEST[$chkbx]."', ";

          }  
        } 
       $vals=rtrim($vals,', ');
       $cols=rtrim($cols,', ');
       echo $query."<br/>".$cols." ) Values (<br/>".$vals.")";
  }

?>

亚洲的
婴儿成长
男孩的裤子
男孩彩色衬衫