带有复选框和无线电问题的Jquery Repeater

1szpjjfi 于 2023-08-04 发布在 jQuery

关注(0)|答案(1)|浏览(110)

我有一个使用jquery.repeater插件的动态表单。
当用户单击复选框或单选框时，它会检索该选项的一组字段，并插入到复选框下方的容器中。
我有一个下拉选择，具有相同的功能，并正常工作。
当我有几个中继器项目，一个点击复选框或电台输入它总是跳过的形式，并插入在第一个中继器项目在顶部的形式。
下面是代码：

$(document).on('change','.optionsCheckbox',function(e){
  var option    = $(this).attr("data-opt");
  if($(this).is(':checked')){
    var item = $(this).attr("data-itm");
  }else{
    item     = 0;   
  }
    
  var optionTemplate = $(this).closest(".checkboxContainer").find(".optionTemplate");
  getOptionsCheckbox(item,option,optionTemplate);
    
});
    
getOptionsCheckbox = function(item,option,optionTemplate) {
    
  $.ajax({
    type: "POST",
    url: "getOptionCheckbox.php",
    data:{option:option,item:item},
    cache: false,
    dataType: "json",
    success: function(response) {
    
      $(optionTemplate).html(response["htmlArray"]);    
    
    }
    
  });
    
}

字符串

jquery

来源：https://stackoverflow.com/questions/76792831/jquery-repeater-with-checkbox-and-radio-problem

1条答案

按热度按时间

ctzwtxfj1#

问题解决了。是引导自定义控件输入和自定义控件标签的问题。
使用以下方法求解：

<div class="col-6">

<div class="checkboxContainer">

<div class="form-group">
        
<div class="form-check">
<input type="checkbox" class="form-check-input optionsCheckbox" name="checkbox/<?=$frm_opt["options_id"]?>/<?=$frmItm["options_items_id"]?>" id="checkbox/<?=$frm_opt["options_id"]?>/<?=$frmItm["options_items_id"]?>" value="<?=$frmItm["options_items_id"]?>" data-itm="<?=$frmItm["options_items_id"]?>" data-opt="<?=$frmItm["options_id"]?>">
<label class="form-check-label" for="checkbox/<?=$frm_opt["options_id"]?>/<?=$frmItm["options_items_id"]?>"><?=$frmItm["options_items_title"]?></label> 
</div> 

<div class="optionTemplate"></div>  

</div> 

</div>

</div>

字符串

赞(0）回复(0）举报 2023-08-04

我来回答

带有复选框和无线电问题的Jquery Repeater

1条答案

相关问题

热门标签

最新问答