선택을 클릭하면 상자가 나타나고 상위 및 하위 옵션을 포함한 여러 옵션을 선택할 수 있습니다. 옵션을 선택하면 입력창에 ID번호가 바로 표시됩니다. 확인을 클릭하면 상자가 숨겨집니다. 입력 상자 내에서 각 상자를 개별적으로 수행하고 싶습니다. 이것은 내 HTML입니다:

선택을 클릭하면 상자가 나타나고 상위 및 하위 옵션을 포함한 여러 옵션을 선택할 수 있습니다. 옵션을 선택하면 입력창에 ID번호가 바로 표시됩니다. 확인을 클릭하면 상자가 숨겨집니다. 입력 상자 내에서 각 상자를 개별적으로 수행하고 싶습니다. 이것은 내 HTML입니다: 
 
하나 선택... 
 <입력 유형="체크박스" 클래스="체크박스" 값="1">체크박스 1 <입력 유형="체크박스" 클래스="체크박스"값="2>체크박스 2 <입력 유형="텍스트" 클래스="입력 입력-1" 값=""> <버튼 클래스="btn-ok">확인 
 2개(상위/하위) 선택... 
 

      
<입력 유형="체크박스" 클래스="체크박스"값="1>1부 

      

       <입력 유형="체크박스" 클래스="체크박스" 값="5">
        체크박스 5
       
      
<입력 유형="체크박스"클래스="체크박스"값="2>2부 

      

       <입력 유형="체크박스" 클래스="체크박스" 값="7">
        체크박스 7
       
      

       <입력 유형="체크박스" 클래스="체크박스" 값="8">
        체크박스 8
       
<입력 유형="텍스트" 클래스="입력 입력-2" 값=""> <버튼 클래스="btn-ok">확인 
 . ...选择三个... ..选择4个.. .. .
 
这是我的JS（子级화父级）：
 
handleChildren = function() { var $checkbox = $(this); var $checkboxChildren = $checkbox.parent(); $checkboxChildren.each(함수() { if ($checkbox.is(":checked")) { $(this).prop("체크됨", "체크됨"); } 또 다른 { $(this).removeProp("체크됨"); } }); }; handlerParents = 함수(현재) { var $parent = $(current).closest(".children").closest("li").find("> input[type=checkbox]"); if ($parent.parent().find(".children input[type=checkbox]:checked").length > 0) { $parent.prop("체크됨", "체크됨"); } 또 다른 { $parent.removeProp("선택됨"); } handlerParents($parent); } $("ul.father").find("input[type=checkbox]").each(function() { $(input).on("클릭", handlerChildren); $(input).on("클릭", function() { handlerParents(this); }); });
 
这是我的JS：
 
$(document).on('click', '.btn-ok', function(){ $('.box').숨기기() }); $(문서).on('클릭', '.btn-select', function(){ $('.box').숨기기() $(this).next().show(); }); $(".checkbox").change(function() { var 텍스트 = ""; $(".checkbox:checked").each(function() { 텍스트 += $(this).val() + ",";; }); text = text.substring(0, text.length - 1); $(this).next().val(text); });
 
现在控台显示了一个错误：
 
잡히지 않은 내부 오류: 재귀가 너무 많습니다. 가장 가까운 파일:///var/www/html/jquey.js:1