diff --git a/src/main/webapp/WEB-INF/views/web/input/layerInfo/popup/layerColor.jsp b/src/main/webapp/WEB-INF/views/web/input/layerInfo/popup/layerColor.jsp index 5b4f3646..1cea9e27 100644 --- a/src/main/webapp/WEB-INF/views/web/input/layerInfo/popup/layerColor.jsp +++ b/src/main/webapp/WEB-INF/views/web/input/layerInfo/popup/layerColor.jsp @@ -15,6 +15,17 @@ // layout 조절. $(".table_pop input").css("vertical-align", "-5px"); + var colorNameInput = document.getElementById("colorName"); + // "값 없음(-)" 라디오 버튼 클릭 시 다른 모든 라디오 버튼 uncheck + var value0Radio = document.getElementById("value0"); + if (value0Radio) { + value0Radio.addEventListener("click", function() { + if (this.checked) { + colorNameInput.value = "-"; + } + }); + } + // 기존 선택된 값 체크 및 value var beforeColorName = "${beforeColorName}"; if (beforeColorName != "") { @@ -29,7 +40,7 @@ } $("input:radio[name='value" + (valueNum) + "']").filter("input[value='" + beforeColorName.charAt(i) + "']").attr("checked", true); } - $("#colorName").val(beforeColorName); + $("#colorName").val(String(beforeColorName).replace('-','')); } else { // 없을 경우 갈색으로 기본 셋팅 $("input:radio[name='value2']").filter("input[value='갈']").attr("checked", true); @@ -45,7 +56,18 @@ } } - $("#colorName").val(colorNameStr + "색"); + if (event.target.getAttribute('id') === 'value0') { + colorNameInput.value = "-"; + var allRadios = document.querySelectorAll("input[type='radio']"); + allRadios.forEach(function(radio) { + if (radio.id !== "value0") { + radio.checked = false; + } + }); + } else { + $("#colorName").val(String(colorNameStr).replace('-','') + "색"); + value0Radio.checked = false; + } }); resize(); @@ -106,6 +128,11 @@





백 + + + + +
지층색 :