이 기사의 예에서는 jquery 확인란 다중 선택을 텍스트 상자에 할당하는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 구현 방법은 다음과 같습니다. 코드 복사 코드는 다음과 같습니다. jquery는 확인란을 클릭하여 이벤트를 트리거하고 입력에 값을 할당합니다 * { <br> 여백: 0 <br> 패딩: 0 <br> 목록 스타일 유형: 없음 <br> } <br> <br> 아, img { <br> 테두리: 0 <br> 텍스트 장식: 없음 <br> } <br> <br> 본문 { <br> 글꼴: 12px/180% Arial, Helvetica, sans-serif, "新宋体" <br> } <br> <br> 테이블 { <br> 빈 셀: 표시 <br> 국경 붕괴: 붕괴 <br> 테두리 간격: 0 <br> } <br> /* 테이블 목록 */ <br> .tablist { <br> 너비: 400px <br> 테두리: 단색 8px #ddd <br> 여백: 40px 자동 <br> } <br> <br> .tablist td { <br> 줄 높이: 24px <br> 테두리 하단: 단색 1px #ddd <br> 텍스트 정렬: 왼쪽 <br> 패딩: 10px <br> } <br> <br> .tablist td 입력 { <br> 줄 높이: 20px <br> 여백 왼쪽: 5px <br> } <br> .tablist td .txtValue <br> <br> { <br> 패딩: 3px 0 <br> 너비: 180px <br> } <br> </스타일> <br> <br> </머리> <br> <br> <table cellpadding="0" cellpacing="0" class="tablist"> <br> <td><input class="txtValue" type="text" name="keleyi" value="" /> <input type="checkbox" data-type="checkall" />모두 선택< ; /td> </tr> <br> <br> <input type="checkbox" name="keleyi" data-type="checkbox" data-value="Zhang San" value="1" />장산 <br> <input type="checkbox" name="keleyi" data-type="checkbox" data-value="lee思" value="2" />lee思 <br> <input type="checkbox" name="keleyi" data-type="checkbox" data-value="자오 우" value="3" />자오 우 <br> <input type="checkbox" name="keleyi" data-type="checkbox" data-value="王六" value="4" />王六 <br> </td> </tr> </테이블> <br> <script type="text/javascript" src="jquery/jquery-1.11.2.min.js"></script> <스크립트 유형="텍스트/자바스크립트"> $(함수(){ <br> $('[data-type="checkbox"]').click(function(){ <br> var data_value = $(this).attr('데이터-값'), <br> txt also = $.trim($(".txtValue").val()) <br> if($(this).prop("checked")) { <br> if(txt also.length > 0) { <br> if(txt also.indexOf(data_value ',') != -1) { <br> 반환 <br> } 다른 { <br> txt also = 데이터_값 ',' <br> } <br> } 다른 { <br> txt also = 데이터_값 ',' <br> } <br> } 다른 { <br> if(txt also.indexOf(data_value ',') != -1) { <br> txt also = txt also.replace(data_value ',', '') <br> } <br> } <br> $(".txtValue").val(txt also) <br> }) <br> $('[data-type="checkall"]').click(function(){ <br> var str = ''; if($(this).prop("checked")) { <br> $.each($('[data-type="checkbox"]'), 함수(i){ <br> str = $(this).attr('data-value') ','; }) <br> $('[data-type="checkbox"]').prop('checked', true) <br> } 다른 { <br> $('[data-type="checkbox"]').prop('checked', false) <br> } <br> $(".txtValue").val(str) <br> }) <br> }) <br> 스크립트> <br> <br> </본문> </div>
