Selectbox göre input aktif pasifliği sorunu ?

20-05-2015, 16:06:28

Üyeliği durduruldu

arkadaşlar formumda 10 tane input ve bir tane selectbox var diyebilirim

selectbox dan hayır ı seçince 10 inputtan 5 veya 6 tanesini pasif yaptırmak istiyorum nasıl yapabilirim bir örnek gösterebilirmisiniz ?

20-05-2015, 16:15:21

#2

~~ondokuz~~

Üyeliği durduruldu

$("#select_id").change(function() { 
  var select_val = $("#select_id").val(); // selectbox value değeri
  if(select_val == 1){ // Eğer selectbox 1 seçildiyse
       $("#input_id").prop( "disabled", true ); // aktif input
       $("#input_id2").prop( "disabled", true ); // aktif input
       $("#input_id3").prop( "disabled", false); // pasif input
       $("#input_id4").prop( "disabled", false); // pasif input
 } else if(select_val == 2){ // Eğer selectbox 2 seçildiyse
       $("#input_id").prop( "disabled", false); // pasif
       $("#input_id2").prop( "disabled", false ); // pasif 
       $("#input_id3").prop( "disabled", true ); // aktif
       $("#input_id4").prop( "disabled", true ); // aktif
 }
});

şu şekilde çözebilirsiniz.

20-05-2015, 16:17:05

#3

~~Xylia~~

Üyeliği durduruldu

<select id="select_id" name="select_id">
 <option value="1">Evet</option>
 <option value="2">Hayır</option>
</select>
<input type="text"  id="input_id" name="input_id">
<input type="text"  id="input_id2" name="input_id2">
</form>

<script type="text/javascript">
$("#select_id").change(function() { 
  var select_val = $("#select_id").val(); // selectbox value değeri
  if(select_val == 1){ // Eğer selectbox 1 seçildiyse
       $("#input_id").prop( "disabled", true ); // aktif input
       $("#input_id2").prop( "disabled", true ); // aktif input
       $("#input_id3").prop( "disabled", false); // pasif input
       $("#input_id4").prop( "disabled", false); // pasif input
 } else if(select_val == 2){ // Eğer selectbox 2 seçildiyse
       $("#input_id").prop( "disabled", false); // pasif
       $("#input_id2").prop( "disabled", false ); // pasif 
       $("#input_id3").prop( "disabled", true ); // aktif
       $("#input_id4").prop( "disabled", true ); // aktif
 }
});
</script>

YAPTIM AMA OLMADI HOCAM

20-05-2015, 16:33:19

#4

~~ondokuz~~

Üyeliği durduruldu

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8">
	<title>Jqury input aktif/ pasif</title>
	<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
	<script type="text/javascript">
	$(document).ready(function() {
	    $("#secimim").change(function() { 
		  	  var select_val = $("#secimim").val(); // selectbox value değeri
			  if(select_val == 1){ // Eğer selectbox 1 seçildiyse
			       $("#input_id").prop( "disabled", false ); // aktif input
			       $("#input_id2").prop( "disabled", true ); // aktif input
			  } else if(select_val == 2){ // Eğer selectbox 2 seçildiyse
			       $("#input_id").prop( "disabled", true); // pasif
			       $("#input_id2").prop( "disabled", false ); // pasif 
			  }
		});
	});
	</script>
</head>
<body>
<form action="">
	<select name="" id="secimim">
		<option value="-">Seçiniz</option>
		<option value="1">ilk input aktif</option>
		<option value="2">ikinci input aktif</option>
	</select>
	<input id="input_id" value="">
	<input id="input_id2" value="">
</form>
</body>

kodun tamamış şu şekildedir, kolay gelsin.

20-05-2015, 16:51:37

#5

~~Xylia~~

Üyeliği durduruldu

teşekkür ederim hocam çok makbule geçti sağolasın