jquery 양식 작업 2_jquery-JS 튜토리얼-php.cn

체크박스의 계단식 효과

코드 복사 코드는 다음과 같습니다.

ID가 "CheckedAll"인 체크박스를 클릭하면 해당 옵션이 체크 해제된 체크박스 그룹이 선택됩니다. ID "CheckedAll"이 선택 해제되지 않았습니다.
이 문제를 해결하려면

 $('[ name=items]:checkbox').click( 
function(){ 
var flag = true; 
$('[name=items]:checkbox').each(function( ){ 
if(!this.checked) 
flag = false 
}) 
$('#CheckedAll').attr('checked', flag); 
/ /또는 선택한 체크박스 수와 동일한 총 체크박스 수를 사용할 수 있습니다. 
$('[name=items]:checkbox').click( 
function(){ 
var $tmp = $( '[name=items]:checkbox'); 
//필터 메소드를 사용하여 체크박스를 필터링하고 CheckedAll
$('#CheckedAll').attr( 'checked', $tmp.length == $tmp.filter(':checked').length) 
}) 

 
드롭다운 상자 적용

코드 복사 코드는 다음과 같습니다.

;select multiple id="select1" style="width: 100px;height:100px;">

<옵션 value="3">옵션 3
<옵션 value="4">옵션 4

<옵션 value="7"> 7

오른쪽에 추가하려면 선택하세요 ="add_all">오른쪽에 모두 추가

왼쪽에 추가
왼쪽에 모두 추가

선택한 옵션을 상대방에게 추가
$('#add ').click(function(){
var $options = $('#select1 option:selected');//선택한 옵션 가져오기
$options.appendTo('#select2');//상대방에게 추가
})
//상대방에 모든 옵션 추가
$('#add').click (function(){
var $options = $('#select1 option ');//선택한 옵션 가져오기
$options.appendTo('#select2');//상대방에 추가
});
//상대방에 추가하려면 옵션을 두 번 클릭하세요.
$ ('#select1').dblclick(function(){
var $options = $('option: selected',this);//선택한 옵션 가져오기
$options.appendTo('#select2') ;//상대방에 추가
})

PS: $ ('option:selected',this), $()에는 2개의 매개변수가 있습니다. 하나는 선택기이고 다른 하나는 범위입니다. $('#select1 옵션:선택됨')과 동일