STUDY/programing

[jquery] input value에 따라 label 숨기기, 보이기

NightOwl 2020. 11. 26. 16:34
728x90

input 값이 있을때나, 포커스가 갔을때 label값을 hide 해줍니다.

   $("input#search_word").each(function(){
		var labelID = $(this).attr("id");
		if( $(this).val().length === 0 ){
			$(this).siblings("label[for="+labelID+"]").show();
		}else{
			$(this).siblings("label[for="+labelID+"]").hide();
		}
	}).on({
		focus: function(){
			var labelID = $(this).attr("id");
			/*console.log(labelID);*/
			$(this).siblings("label[for="+labelID+"]").hide();
		},focusout: function(){
			var labelID = $(this).attr("id");
			if( $(this).val().length === 0 ){
				$(this).siblings("label[for="+labelID+"]").show();
			}
		},keypress: function(event){
			if( event.keyCode  == "13" ){
				$(this).parents("form").find('input[type="submit"], button[type="submit"]').click();
				return false;
			}
		}
	});

 

 

 

728x90