JavaScript È°¿ëÆÁ
2020.09.21 / 11:14

Multi checkBox Control

XMaLL°ü¸®ÀÚ
Ãßõ ¼ö 222

È­¸é À̵¿ ½Ã ¸ÖƼüũ¹Ú½º¿¡ ÀÌ¹Ì ¼±ÅÃµÈ °ªµéÀ» 

À̵¿ÇÑ È­¸é¿¡¼­µµ µ¿ÀÏÇϰԠüũ¸¦ ÇØÁÖ¾î¾ß ÇÏ´Â °æ¿ì ¾Æ·¡¿Í °°Àº ¹æ¹ýÀ¸·Î ÁøÇàÇßÀ½. 


/////////////////////////////////////////////////////

script

/////////////////////////////////////////////////////

// ¹Þ¾Æ¿Â µ¥ÀÌÅÍ Ã¼Å©Çϱâ (comma·Î ¹Þ¾Æ¿Â °æ¿ì)

var splitProjNo = $("#proj_no").val().split(",");

var splitStr      = $("#strctr").val().split(",");

for (var idx in splitProjNo) {

$("input[name=option_1][value=" + splitProjNo[idx].replace("[", "").replace("]", "") + "]").attr("checked", true);

}

for (var idx in splitStr) {

$("input[name=option_2][value=" + splitStr[idx].replace("[", "").replace("]", "") + "]").attr("checked", true);

}


/////////////////////////////////////////////////////

html

/////////////////////////////////////////////////////

<input type="hidden" id="proj_no"  name="proj_no" value="${proj_no}"/>

<input type="hidden" id="strctr"   name="strctr"  value="${strctr}"/>


<td class="td_input">

<div class="multiselect" id="projlist">

<c:forEach items="${projList}" var="item">

<label><input type="checkbox" name="option_1" 

value="${item.project_code}" />${item.project_code}</label>

</c:forEach>

</div>

</td>


<td class="td_input">

<div class="multiselect" id="strlist">

<c:forEach items="${strList}" var="item">

<label><input type="checkbox" name="option_2"

 value="${item.str_group}" />${item.str_group}</label>

</c:forEach>

</div>

</td>

[Ãâó] Multi checkBox Control|ÀÛ¼ºÀÚ hemiblue