jQuery

select radio checkbox

은둔한량 2013. 2. 18. 16:51
반응형

[ select box 컨트롤 ]
select box의 내용 가져오기
$("#select_box > option:selected").val();

select box의 값 설정
 $("#select_box > option[value=지정값]").attr("selected", "true")

select disabled 
$('#sign02_emp_id').attr('disabled', 'true');
해제 $('#sign02_emp_id').attr('disabled', ''); // 'false'를 줬을경우 안됨

 

선택된 값 읽기
$("#아이디 option:selected").val();
$("select[name=이름]").val();


선택된 내용 읽기
$("#아이디 option:selected").text();

선택된 위치
var index = $("#아이디 option").index($("#아이디 option:selected"));


 

기타 참고 : http://www.texotela.co.uk/code/jquery/select/

[ radio 컨트롤 ]

if($(':radio[name="section"]:checked').length < 1) { alert('분류를 선택하세요'); it.section[0].focus(); return false; } 

또는 if (!$(':radio[name="gender"]:checked').val()) { alert('성별을 선택하세요'); $("#gender1").select(); return false; } 

if($(':radio[name="p_addressGubun"]:checked').val() != 3) { ... }

체크해제 : $("#office").attr('checked', 'false')가 안되서 it.place[1].checked = false; 로 적용함


disabled : $(':radio[name="gender"]').attr('disabled', 'disabled');



[ checkbox 컨트롤 ]

1. 개수 구하기


$("input[name=chk1]:checkbox:checked").length


☆☆☆  php에서 배열사용시  ☆☆☆


$("input[name='chk1[]']:checked").length


2. 체크여부 확인

$("#check_all").is(':checked')


3.  chk1 개수만큼 돌면서 실행한다

  $("input[name='item[]']:checkbox:checked").each(function(){items.push($(this).val());}); 

  var items_str = items.join(',');

  또는 var items_str = items.toString();


  또는 var items_str = $("input[name='item[]']:checkbox:checked").map(function () {return this.value;}).get();


4. disabled 하기

$("input[name=chk1]").attr('disabled', 'true');

반응형

'jQuery' 카테고리의 다른 글

배열을 이용한 중복 제거  (0) 2013.04.29
원본 사진 마우스 이동시 보여주기  (0) 2013.04.12
jQuery 금액 콤마 플러그인  (0) 2013.02.18
jquery 숫자만  (0) 2013.02.18
jquery radio checked, select option selected  (0) 2013.02.18