체크박스 선택안됨

Question

아작스로 태크 생성하고 체크박스 클릭 했을때 체크가 안돼요 $('#equipTypeOptions').on('click', '.options-button', function () { equipTypeCd = $(this).val(); selectedEquipTypeCdArray.pop(); selectedEquipTypeCdArray.push(equipTypeCd); console.log('selectedEquipTypeCdArray??' + selectedEquipTypeCdArray); $.ajax({ url: '/test/equip/equipCd', type: 'GET', dataType: 'json', data: { equipTypeCd: equipTypeCd }, success: function (r) { $('#equipCodeOptions').empty(); for (var i = 0; i < r.length; i++) { var equipCode = r[i]; var uniqueId = 'equipCd' + i; var liElement = $('

').append( $('

').addClass('options-choice').append( $('').addClass('omks--choice').attr('for', uniqueId).append( $('').attr({ type: 'checkbox', class: 'omks--choice-input', id: uniqueId, name : uniqueId, val: (equipCode.equipCd) }), $('').addClass('omks--choice-icon'), $('').addClass('omks--choice-text').text(equipCode.equipNm) ) ) ); $('#equipCodeOptions').append(liElement); } }, error: function (e) { console.log('시험장비 조회 오류'); } }); }); $('#equipCodeOptions').on('click', '.omks--choice-input', function () { $(this).prop('checked', !$(this).prop('checked')); if ($(this).is(':checked')) { $(this).closest('.options-choice').addClass('is--on'); equipCd = $(this).val(); console.log('equipCd??' + equipCd); selectedEquipCdArray.push(equipCd); } else { $(this).closest('.options-choice').removeClass('is--on'); selectedEquipCdArray.splice(selectedEquipCdArray.indexOf(equipCd), 1); } console.log('selectedEquipCdArray??' + selectedEquipCdArray); });

벼랑끝에서올라오는중 · Answer

동적으로 생성한 html은 제이쿼리로는 $(document).on('클래스','click')으로 해야됩니다https://mjn5027.tistory.com/68

오후 · Answer

별도 function 으로 빼서 동적생성이후 이벤트바인딩처리document.on 으로 적용 (document.ready = 동적생성전의 대상들에만적용)

체크박스 선택안됨

2개의 답변

기술 목록