<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Zihni &#187; radio</title>
	<atom:link href="http://www.zihni.net/tag/radio/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.zihni.net</link>
	<description>Zihinsel şeyler, web programlama falan filan</description>
	<lastBuildDate>Wed, 28 Jul 2010 09:36:01 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Javascript ile seçilen radio düğmesini bulma</title>
		<link>http://www.zihni.net/javascript/javascript-ile-secilen-radio-dugmesini-bulma/</link>
		<comments>http://www.zihni.net/javascript/javascript-ile-secilen-radio-dugmesini-bulma/#comments</comments>
		<pubDate>Tue, 27 Jul 2010 11:48:11 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Javascript]]></category>
		<category><![CDATA[radio]]></category>

		<guid isPermaLink="false">http://www.zihni.net/?p=602</guid>
		<description><![CDATA[


Javascript ile işaretlenen radio düğmesini bulma veya işaretlenip işaretlenmediğini kontrol etme:
Formumuz aşağıdaki gibi olsun:

&#60;form name=&#34;formum&#34;&#62;
 &#60;input type=&#34;radio&#34; name=&#34;kitap&#34; value=&#34;Da Vinchi Şifresi&#34; /&#62;Da Vinchi Şifresi&#60;br /&#62;
 &#60;input type=&#34;radio&#34; name=&#34;kitap&#34; value=&#34;Melekler ve Şeytanlar&#34; /&#62;Melekler ve Şeytanlar&#60;br /&#62;
 &#60;input type=&#34;radio&#34; name=&#34;kitap&#34; value=&#34;Dijital Kale&#34; /&#62;Dijital Kale&#60;br /&#62;
 &#60;input type=&#34;radio&#34; name=&#34;kitap&#34; value=&#34;Kayıp Sembol&#34; /&#62;Kayıp Sembol&#60;br /&#62;
 &#60;input type=&#34;button&#34; value=&#34;seç&#34; onclick=&#34;kontrol()&#34;&#62;
&#60;/form&#62;

Seçilen [...]]]></description>
			<content:encoded><![CDATA[<p>Javascript ile işaretlenen radio düğmesini bulma veya işaretlenip işaretlenmediğini kontrol etme:</p>
<p>Formumuz aşağıdaki gibi olsun:</p>

<div class="wp_syntax"><div class="code"><pre class="html" style="font-family:monospace;">&lt;form name=&quot;formum&quot;&gt;
 &lt;input type=&quot;radio&quot; name=&quot;kitap&quot; value=&quot;Da Vinchi Şifresi&quot; /&gt;Da Vinchi Şifresi&lt;br /&gt;
 &lt;input type=&quot;radio&quot; name=&quot;kitap&quot; value=&quot;Melekler ve Şeytanlar&quot; /&gt;Melekler ve Şeytanlar&lt;br /&gt;
 &lt;input type=&quot;radio&quot; name=&quot;kitap&quot; value=&quot;Dijital Kale&quot; /&gt;Dijital Kale&lt;br /&gt;
 &lt;input type=&quot;radio&quot; name=&quot;kitap&quot; value=&quot;Kayıp Sembol&quot; /&gt;Kayıp Sembol&lt;br /&gt;
 &lt;input type=&quot;button&quot; value=&quot;seç&quot; onclick=&quot;kontrol()&quot;&gt;
&lt;/form&gt;</pre></div></div>

<p>Seçilen kitabı bulan kod:</p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #003366; font-weight: bold;">function</span> kontrol<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
<span style="color: #003366; font-weight: bold;">var</span> secim <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">false</span><span style="color: #339933;">;</span>
<span style="color: #003366; font-weight: bold;">var</span> radObje <span style="color: #339933;">=</span> document.<span style="color: #660066;">formum</span>.<span style="color: #660066;">kitap</span><span style="color: #339933;">;</span>
<span style="color: #000066; font-weight: bold;">for</span><span style="color: #009900;">&#40;</span>i<span style="color: #339933;">=</span><span style="color: #CC0000;">0</span><span style="color: #339933;">;</span> i <span style="color: #339933;">&lt;</span> radObje.<span style="color: #660066;">length</span><span style="color: #339933;">;</span> i<span style="color: #339933;">++</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
<span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span>radObje<span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #660066;">checked</span> <span style="color: #339933;">==</span> <span style="color: #003366; font-weight: bold;">true</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
<span style="color: #003366; font-weight: bold;">var</span> secilenKitap <span style="color: #339933;">=</span> radObje<span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #660066;">value</span><span style="color: #339933;">;</span>
secim <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">true</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
<span style="color: #009900;">&#125;</span>
&nbsp;
<span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span>secim <span style="color: #339933;">==</span> <span style="color: #003366; font-weight: bold;">true</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
<span style="color: #000066;">alert</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'Seçtiğiniz kitap:'</span> <span style="color: #339933;">+</span> secilenKitap<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span><span style="color: #000066; font-weight: bold;">else</span><span style="color: #009900;">&#123;</span>
<span style="color: #000066;">alert</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'Bir kitap seçmediniz!'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
<span style="color: #009900;">&#125;</span></pre></div></div>

]]></content:encoded>
			<wfw:commentRss>http://www.zihni.net/javascript/javascript-ile-secilen-radio-dugmesini-bulma/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Seçili olan radio dügmesini bulmak</title>
		<link>http://www.zihni.net/dom/secili-olan-radio-dugmesini-bulmak/</link>
		<comments>http://www.zihni.net/dom/secili-olan-radio-dugmesini-bulmak/#comments</comments>
		<pubDate>Sat, 10 Feb 2007 18:17:11 +0000</pubDate>
		<dc:creator>Zihni</dc:creator>
				<category><![CDATA[Document Object Model]]></category>
		<category><![CDATA[radio]]></category>

		<guid isPermaLink="false">http://www.zihni.net/?p=28</guid>
		<description><![CDATA[Aşağıdaki gibi bir belgemiz olsun.

&#60;form id=&#34;myForm&#34;&#62;
&#60;input name=&#34;myRadio&#34; type=&#34;radio&#34; value=&#34;Vadideki Zambak&#34; /&#62;
&#60;input name=&#34;myRadio&#34; type=&#34;radio&#34; value=&#34;Su Çılgın Türkler&#34; /&#62;
&#60;input checked=&#34;checked&#34; name=&#34;myRadio&#34; type=&#34;radio&#34; value=&#34;Bozkırkurdu&#34; /&#62;
&#60;/form&#62;

Seçili olan radio  düğmesini bulalım ve değerini yazdıralım.

1
2
3
4
5
6
7
8
9
10
&#60;script type=&#34;text/javascript&#34;&#62; 
var theForm = document.getElementById&#40;&#34;myForm&#34;&#41;; 
for&#40;i = 0; i &#60; theForm.myRadio.length; i++&#41; 
&#123; 
if&#40;theForm.myRadio&#91;i&#93;.checked == true&#41;&#123; 
document.write&#40;theForm.myRadio&#91;i&#93;.value&#41;; 
&#125; 
&#125; 
&#60;/script&#62; 
Çıktı: Bozkırkurdu

]]></description>
			<content:encoded><![CDATA[<p>Aşağıdaki gibi bir belgemiz olsun.</p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #339933;">&lt;</span>form id<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;myForm&quot;</span><span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;</span>input <span style="color: #000066;">name</span><span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;myRadio&quot;</span> type<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;radio&quot;</span> value<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;Vadideki Zambak&quot;</span> <span style="color: #339933;">/&gt;</span>
<span style="color: #339933;">&lt;</span>input <span style="color: #000066;">name</span><span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;myRadio&quot;</span> type<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;radio&quot;</span> value<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;Su Çılgın Türkler&quot;</span> <span style="color: #339933;">/&gt;</span>
<span style="color: #339933;">&lt;</span>input checked<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;checked&quot;</span> <span style="color: #000066;">name</span><span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;myRadio&quot;</span> type<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;radio&quot;</span> value<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;Bozkırkurdu&quot;</span> <span style="color: #339933;">/&gt;</span>
<span style="color: #339933;">&lt;/</span>form<span style="color: #339933;">&gt;</span></pre></div></div>

<p>Seçili olan radio  düğmesini bulalım ve değerini yazdıralım.</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
</pre></td><td class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #339933;">&lt;</span>script type<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;text/javascript&quot;</span><span style="color: #339933;">&gt;</span> 
<span style="color: #003366; font-weight: bold;">var</span> theForm <span style="color: #339933;">=</span> document.<span style="color: #660066;">getElementById</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;myForm&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> 
<span style="color: #000066; font-weight: bold;">for</span><span style="color: #009900;">&#40;</span>i <span style="color: #339933;">=</span> <span style="color: #CC0000;">0</span><span style="color: #339933;">;</span> i <span style="color: #339933;">&lt;</span> theForm.<span style="color: #660066;">myRadio</span>.<span style="color: #660066;">length</span><span style="color: #339933;">;</span> i<span style="color: #339933;">++</span><span style="color: #009900;">&#41;</span> 
<span style="color: #009900;">&#123;</span> 
<span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span>theForm.<span style="color: #660066;">myRadio</span><span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #660066;">checked</span> <span style="color: #339933;">==</span> <span style="color: #003366; font-weight: bold;">true</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span> 
document.<span style="color: #000066; font-weight: bold;">write</span><span style="color: #009900;">&#40;</span>theForm.<span style="color: #660066;">myRadio</span><span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #660066;">value</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> 
<span style="color: #009900;">&#125;</span> 
<span style="color: #009900;">&#125;</span> 
<span style="color: #339933;">&lt;/</span>script<span style="color: #339933;">&gt;</span> 
Çıktı: Bozkırkurdu</pre></td></tr></table></div>

]]></content:encoded>
			<wfw:commentRss>http://www.zihni.net/dom/secili-olan-radio-dugmesini-bulmak/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
