checkbox,radiobox,select 상용 조작

1475 단어

checkbox 선택, 선택 안 함 및 이벤트 귀속

//
$('#checkbox').is(':checked'); // get check state
$('#checkbox').prop('checked', true); //check the box
$('#checkbox').on('change', function(){
   // do something
 });
$('#checkbox').on('click', function(){
   // do something
 });

radiobox 선택, 선택 안 함 및 조합

// assume two radio in a group 
//
//
$('input[type=radio] :checked')   //get checked radio in group
$('input[type=radio]').filter(':checked') // get checked radio in group
$('#radio1').prop('checked', true) //check the radio
$('#radio1').is(':checked')  //get check state

선택 옵션 및 가져오기 값 선택

/*

*/
$('select option:selected').val() //get selected option value
$('select option:selected').text() // get selected option text
$('select').val() //get selected option value
$('select').text()// get all the options text(01), do not do this
$('select').val('v1') //trigger select to select option with value v1
$('select option:first').prop('selected', true) //select the first option

좋은 웹페이지 즐겨찾기