jquery를 사용하여 체크 박스 값을 배열로 가져 오기

jquery에서 얻은 코드 중 일부를 수정하여 체크 된 모든 상자 값으로 변경했습니다. 은 텍스트 입력 요소를 채 웁니다.jquery를 사용하여 체크 박스 값을 배열로 가져 오기

이 완벽 jsfiddle에서 작동합니다 .. 링크가 http://jsfiddle.net/aAqt2/

데모에 볼 수 있지만 나는 내 밖으로 사이트에하려고 할 때, 그것은 ... 왜 어떤 아이디어를 작동하지 않는 이유는 무엇입니까? 당신은 document ready 호출 코드를 포장 또는 닫는 body 태그 전에 페이지의 마지막에 배치 할 필요가

<html><head> 
<script src="/js/jquery.min.js"></script> 
<script type="text/javascript"> 
$('input').on('change', function() { 
    var values = $('input:checked').map(function() { 
    return this.value; 
    }).get(); 
    $('#output').val(values.toString()); 
}); 
</script> 
</head> 
<body> 
<from name="test"> 
<table> 
<tr> 
     <td><input type=checkbox value="1"></td> 
</tr> 
<tr> 
     <td><input type=checkbox value="2"></td> 
</tr> 
<tr> 
     <td><input type=checkbox value="3"></td> 
</tr> 
<tr> 
    <td><input type=checkbox value="4"></td> 
</tr> 
<tr> 
    <td><input type=checkbox value="5"></td> 
</tr> 
<tr> 
    <td><input type="text" id="output"></td> 
</tr> 
</table> 
</form> 
</body> 
</html>

출처

2013-11-22 user2429569

아래에있는 내 코드를 참조하십시오. JSfiddle이 자동으로 그렇게합니다.

예 :

$(document).ready(function() { 
    $('input').on('change', function() { 
     var values = $('input:checked').map(function() { 
      return this.value; 
     }).get(); 
     $('#output').val(values.toString()); 
    }); 
});

출처

2013-11-22 20:08:28 j08691

는 DOM 준비 기능에 코드 랩 :

$(document).ready(function() { 
    //code here 
});

출처

2013-11-22 20:08:31 tymeJV

당신은 준비가 함수 내에서 코드를 넣어해야합니다.

$(document).ready(function() { 
$('input').on('change', function() { 
    var values = $('input:checked').map(function() { 
    return this.value; 
    }).get(); 
    $('#output').val(values.toString()); 
}); 
});

출처

2013-11-22 20:13:18

jquery를 사용하여 체크 박스 값을 배열로 가져 오기

답변

관련 문제