코드는 다음과 같습니다. 코드 복사 코드는 다음과 같습니다. http://www.w3.org/1999/xhtml"> jquery는 확인란을 클릭하여 이벤트를 트리거하고 입력에 값을 할당합니다. - Ke Leyi <br> * {<br> 여백: 0;<br> 패딩: 0;<br> 목록 스타일 유형: 없음;<br> }<br> 아, img {<br> 테두리: 0;<br> 텍스트 장식: 없음;<br> }<br> 몸 {<br> 글꼴: 12px/180% Arial, Helvetica, sans-serif, "新宋体";<br> }<br> 테이블 {<br> 빈 셀: 표시;<br> border-collapse: 축소;<br> 테두리 간격: 0;<br> }<br> /* 테이블 목록 */<br> .tablist {<br> 너비: 400px;<br> 테두리: 실선 8px #ddd;<br> 여백: 40px 자동;<br> }<br> .tablist td {<br> 줄 높이: 24px;<br> 테두리 하단: 단색 1px #ddd;<br> 텍스트 정렬: 왼쪽;<br> 패딩: 10px;<br> }<br> .tablist td 입력 {<br> 줄 높이: 20px;<br> 여백 왼쪽: 5px;<br> }<br> .tablist td .txtValue<br> {<br> 패딩: 3px 0;<br> 너비: 180px;<br> }<br> </스타일><br> </머리><br> <br> <table cellpadding="0" cellpacing="0" class="tablist"><br> <tr><br> <td><input class="txtValue" type="text" name="keleyi" value="" /> <input type="checkbox" data-type="checkall" />모두 선택< ; /td><br> </tr><br> <tr><br> <td><br> <input type="checkbox" name="keleyi" data-type="checkbox" data-value="장산" 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="Keleyi" value="3" />Keleyi<br> <input type="checkbox" name="keleyi" data-type="checkbox" data-value="자오 류" value="4" />자오 류<br> </td><br> </tr><br> </테이블><br> <script type="text/javascript" src="jquery/jquery-1.11.2.min.js"></script><br> <script type="text/javascript"><br> $(함수(){<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 = data_value ',';<br> }<br> } 그 밖의 {<br> txt also = data_value ',';<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 = '';<br> if($(this).prop("checked")) {<br> $.each($('[data-type="checkbox"]'), 함수(i){<br> str = $(this).attr('data-value') ',';<br> });<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>
