(jquery) select, radio, checkbox 선택,선택값

select, radio, checkbox 선택하기 및 선택값 가져오기

 

select

 

/* 선택값 */
$("#id > option:selected").val();
$("select #id").val();
$("#id option:selected").val();
$("select [name='name']").val();
$("select #id option:selected").val(); //value
$("select #id option:selected").text(); //text
$("select #id option:selected").index($("select #id option:selected")); //index

/* 선택하기 */
$("#id > option[value='value']").attr("selected", "true"); //value값으로 선택
$("#id option:eq(1)").attr("selected", "selected"); //index값으로 선택
$("#id option").text('text').attr("selected", "selected"); //teext값으로 선택

/* 삭제하기 */
$("#id option:eq(1)").remove(); //index값으로 삭제
$("#id option:first").remove(); //첫번째 옵션삭제
$("#id option:last").remove(); //마지막 옵션삭제

/* 기타 */
$("#id option").size(); //옵션개수
$("#id option:selected").prevAll().size(); //선택된 옵션위의 개수
$("#id option:selected").nextAll().size(); //선택된 옵션아래의 개수
$("#id").preppend("select me!"); //첫번째에 옵션추가
$("#id").append("text1"); //옵션추가
$("#id").empty().append("선택"); //selectbox 초기화
// Insert an item in before a particular position
$("#id option:eq(4)").before("text5");
 // Getting values when item is selected
$("#id").change(function() {
           alert($(this).val());
           alert($(this).children("option:selected").text());
});

 

 

radio

 

/* 선택값 */
$("input:radio[name='name'][checked]").val();
$(":radio[name='name']:checked").val();

/* 선택하기 */
$("input:radio[name='name']:input[value='value']").attr("checked","checked");
var type = "";
$("input:radio[name='name']").click(function(){
	value = $(this).val();
});

/* 기타 */
 $("input:radio[name='name']:checked").next().text();
$("input:radio[name='name']").filter('input:radio[value=01]').attr("checked", "checked"); //radio 초기화

 

 

checkbox

/* 선택값 */
$("input [name='0'][checked]").val();
$(":radio[name='0']:checked").val();

/* 선택하기 */
$("input[name='0'")[0].checked;
$("#id")[0].checked;
$("#id").attr("disabled", true);
$("#id").removeAttr("disabled");
$("input[name='0'").attr("checked", (chk=='1'?'checked':"));
$("input[name='name']:checkbox:checked").each(function(){
	if( $(this).val() == "1"){
		//실행~~~~
	}
});