chro
635
2019-11-12 14:19:10 작성 2019-11-12 14:21:16 수정됨
4
682

jquery 배열값을 이용하여 checkbox 체크하기


스크립트

var arr = "2,4,5";
arr = arr.split(',');

var cnt = arr.length;

for(var i=0; i<cnt; i++){
  $('input:checkbox[name=porm]').each(function(){
    if(this.value == arr[i]){
    this.checked = true;     }   }); }


HTML

<input type="checkbox" name="porm" value="1">1번
<input type="checkbox" name="porm" value="2">2번
<input type="checkbox" name="porm" value="3">3번
<input type="checkbox" name="porm" value="4">4번
<input type="checkbox" name="porm" value="5">5번


체크가 안되는데 뭐가 문제일까용..

0
  • 답변 4

  • spoon
    1k
    2019-11-12 14:31:26 작성 2019-11-12 14:31:42 수정됨

    $(this).prop("checked", true);

    이걸로 해도 안되나요?

  • 스우
    148
    2019-11-12 14:34:53


    $(function(){
    	var arr = "2,4,5";
    	arr = arr.split(',');
    
    	var cnt = arr.length;
    
    	for(var i=0; i<cnt; i++){
    	  $('input:checkbox[name=porm]').each(function(){
    	    if(this.value == arr[i]){
    	    this.checked = true;
    	    }
    	  });
    	}
    });


  • 바히
    617
    2019-11-12 14:37:21 작성 2019-11-12 14:38:00 수정됨
    $(function(){
    	var arr = "2,4,5";
    	arr = arr.split(',');
    
    	var cnt = arr.length;
    
    	for(var i=0; i<cnt; i++){
    	  $('input:checkbox[name=porm]').each(function(){
    	    if( arr[i].indexOf(this.value) > -1 ){ //현재 라인 배열에 값 존재여부 조건문 수정
    	    this.checked = true;
    	    }
    	  });
    	}
    });
  • NULL만나면
    2k
    2019-11-12 14:52:40 작성 2019-11-12 14:54:08 수정됨

    아니면 뭐 이런것도 있을것 같네요.


        var arr = "2,4,5";
        arr = arr.split(',');
        var arrLen = arr.length;
    
        var chk = $('input:checkbox[name=porm]');
    
        for (var i = 0; i < arrLen; i++) { // arr
            var arrVal = arr[i]; // arr의 값 = i : 0, arrVal : 2
            chk.filter('[value=' + arrVal + ']').prop('checked', true); // arrVal 값 2, 4, 5에 의해 checkbox의 value의 값 2, 4, 5를 checked 처리
        }


  • 로그인을 하시면 답변 을 등록할 수 있습니다.