Radio düğmesi işlem yapma

  • Konbuyu başlatan Konbuyu başlatan saidtr
  • Başlangıç tarihi Başlangıç tarihi
Kodla Büyü
saidtr

saidtr

Seçkin Üye
Seçkin Üye
Mesajlar
659
<form action="radioButtons.php" method="get">
<p>
<input type="radio" name="ders" value="php"/>PHP<br/>
<input type="radio" name="ders" value="c"/>C<br/>
<input type="radio" name="ders" value="java"/>JAVA<br/>
</p>
<p><input type="submit" name="sec" value="Seç"/><br/>
</form>

burada submitin olmamasını istiyorum, yani radyo düğmesi seçilince işlem yapsın istiyorum..
nasıl kodlamalıyım. tşkr...
 
Dostum benım bildiğim jquery ile cok kolay boyle değeri alırsın ajax içinden de değeri yollarsın radioButtons.php ye

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){

$("input[name='ders']").click(function(){
var a =$(this).val();
alert(a); // Gelen deger
$.ajax({


// ajax kodları

});

});

});
</script>
</head>
<body>
<input type="radio" name="ders" value="deneme1"/>Deneme<br/>
<input type="radio" name="ders" value="deneme2" />Deneme2<br/>
<input type="radio" name="ders" value="deneme3" />Deneme3<br/>
</body>
 
işin özü aşağıdaki örneği
tamamen php kullanarak nasıl yapabilirz..? programlama olarak sadece php kullanmak istiyorum.. css, html olabilir...
 

Ekli dosyalar

  • 1.png
    1.png
    15.8 KB · Görüntüleme: 751
artık, css ve html ile ancak bu kadar yapabildim..
javascript kullanmadan olmayacak sanırıım...
 

Ekli dosyalar

dediğin mantıkta oldu.Belki daha kısa yolu vardır.php kullanırsan sayfayı yenilemen gerekir.Kolay gelsin

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){

$("input[name='ders']").click(function(){
var a =$(this).val();

if(a==1){

$("#dis").empty();
$('#dis').append('<div style="background-image:url(images.jpg); background-repeat:repeat; padding:5px; width:400px; height:200px"></div>');
}

else if(a==2)
{
$("#dis").empty();
$('#dis').append('<div style="background-image:url(images.jpg); background-repeat:repeat-y; padding:5px; width:400px; height:200px"></div>');
}
else{
$("#dis").empty();
$('#dis').append('<div style="background-image:url(images.jpg); background-repeat:repeat-x; padding:5px; width:400px; height:200px"></div>');

}

});

});
</script>
</head>
<body>
<input type="radio" name="ders" value="1"/>Deneme<br/>
<input type="radio" name="ders" value="2" />Deneme2<br/>
<input type="radio" name="ders" value="3" />Deneme3<br/>

<div id="dis"></div>


</body>
 
Cevap yazmak için giriş yap yada kayıt ol.
BBNET
Geri
Üst