Menu
Community /Pin to ProfileBookmark
@daveyerwinAug 23.2019 — #@daveyerwinAug 26.2019 — #the divs are just for display
@daveyerwinAug 27.2019 — #@daveyerwinAug 29.2019 — #@daveyerwinSep 01.2019 — #for my convenience I removed the screwDefaultButtons plugin
if this is not what you want don't give up
I will keep trying
Radio button control
Hello,
I do not know english
Sorry
I will use Google translation
Short words
My two groups have radio button
**Example 1
<input type=”radio” name=”group1″ value=”aaa”>AAA
<input type=”radio” name=”group1″ value=”bbb”>BBB—>This was selected
<input type=”radio” name=”group1″ value=”CCC”> CCC
<input type=”radio” name=”group2″ value=”aaa”>AAA—>It will be disabled
<input type=”radio” name=”group2″ value=”bbb”>BBB
<input type=”radio” name=”group2″ value=”ccc”>CCC—>It will be disabled
**Example 2
<input type=”radio” name=”group1″ value=”aaa”>AAA—>It will be disabled
<input type=”radio” name=”group1″ value=”bbb”>BBB—>It will be disabled
<input type=”radio” name=”group1″ value=”CCC”> CCC
<input type=”radio” name=”group2″ value=”aaa”>AAA
<input type=”radio” name=”group2″ value=”bbb”>BBB
<input type=”radio” name=”group2″ value=”ccc”>CCC—>This was selected
**Example 3
<input type=”radio” name=”group1″ value=”aaa”>AAA—>This was selected
<input type=”radio” name=”group1″ value=”bbb”>BBB
<input type=”radio” name=”group1″ value=”CCC”> CCC
<input type=”radio” name=”group2″ value=”aaa”>AAA
<input type=”radio” name=”group2″ value=”bbb”>BBB—>It will be disabled
<input type=”radio” name=”group2″ value=”ccc”>CCC—>It will be disabled
**Example 4
<input type=”radio” name=”group1″ value=”aaa”>AAA
<input type=”radio” name=”group1″ value=”bbb”>BBB—>It will be disabled
<input type=”radio” name=”group1″ value=”CCC”> CCC—>It will be disabled
<input type=”radio” name=”group2″ value=”aaa”>AAA—>This was selected
<input type=”radio” name=”group2″ value=”bbb”>BBB
<input type=”radio” name=”group2″ value=”ccc”>CCC
How do I do that?
Can you write a sample code?
Thank you from now
Sign in
to post a comment15 Comments(s) ↴
0
@daveyerwinAug 23.2019 — #``<i>
</i><div>
<input type="radio" name="group1" value="aaa">AAA
<input type="radio" name="group1" value="bbb">BBB
<input type="radio" name="group1" value="ccc"> CCC
</div><div>
<input type="radio" name="group2" value="aaa">AAA
<input type="radio" name="group2" value="bbb">BBB
<input type="radio" name="group2" value="ccc">CCC
</div>
<script>
if(!NodeList.forEach)
NodeList.prototype.forEach = Array.prototype.forEach;
nodeList=document.querySelectorAll('input[type=radio]');
nodeList.forEach(function(node){
node.addEventListener('click',function(e){
nodeList.forEach(function(node){
node.disabled = false;
});
var name = e.target.name ;
var value = e.target.value ;
switch (name == 'group1' && value) {
case false:
break;
case 'aaa':
fn(4,5);
break;
case 'bbb':
fn(3,5);
break;
case 'ccc':
fn(3,4);
break;
}
switch (name == 'group2' && value) {
case false:
break;
case 'aaa':
fn(1,2);
break;
case 'bbb':
fn(0,2);
break;
case 'ccc':
fn(0,1);
break;
}
function fn(a,b){
nodeList[a].disabled=true;
nodeList[a].checked=false;
nodeList[b].disabled=true;
nodeList[b].checked=false;
}
})});
</script><i>
</i>``0
@daveyerwinAug 26.2019 — #the divs are just for display``<i>
</i><div>
<input type="radio" name="group1" value="aaa">AAA
<input type="radio" name="group1" value="eee">EEE
<input type="radio" name="group1" value="bbb">BBB
<input type="radio" name="group1" value="ccc">CCC
</div><div>
<input type="radio" name="group2" value="aaa">AAA
<input type="radio" name="group2" value="bbb">BBB
<input type="radio" name="group2" value="ddd">DDD
<input type="radio" name="group2" value="ccc">CCC
</div><div>
<input type="radio" name="group3" value="aaa">AAA
<input type="radio" name="group3" value="fff">FFF
<input type="radio" name="group3" value="ddd">DDD
</div><div>
<input type="radio" name="group4" value="fff">FFF
<input type="radio" name="group4" value="bbb">BBB
<input type="radio" name="group4" value="ddd">DDD
<input type="radio" name="group4" value="ccc">CCC
<input type="radio" name="group4" value="eee">EEE
</div>
<button id=clear>CLEAR</button>
<script>
(function(){
if(!NodeList.forEach)
NodeList.prototype.forEach = Array.prototype.forEach;
nodeList=document.querySelectorAll('input[type=radio]');
nodeList.forEach(function(node){
node.disabled = node.checked = false;
node.addEventListener('click',function(e){
nodeList.forEach(function(node){
if(e.target != node && e.target.value != node.value){
node.disabled = true;
node.checked = false;
}
});
});
});
clear.onclick=function(){
nodeList.forEach(function(node){
node.disabled = node.checked = false;
});
}
}());
</script><i>
</i>``0
@daveyerwinAug 27.2019 — #``<i>
</i><div>
<input type="radio" name="group1" value="aaa">AAA
<input type="radio" name="group1" value="eee">EEE
<input type="radio" name="group1" value="bbb">BBB
<input type="radio" name="group1" value="ccc">CCC
</div><div>
<input type="radio" name="group2" value="aaa">AAA
<input type="radio" name="group2" value="bbb">BBB
<input type="radio" name="group2" value="ddd">DDD
<input type="radio" name="group2" value="ccc">CCC
</div>
<button id=clear>CLEAR</button>
<script>
(function(){
if(!NodeList.forEach)
NodeList.prototype.forEach = Array.prototype.forEach;
nodeList=document.querySelectorAll('input[type=radio]');
nodeList.forEach(function(node){
node.disabled = node.checked = false;
node.addEventListener('click',function(e){
clearRadio();
e.target.checked=true;
nodeList.forEach(function(node){
if( e.target.value != node.value && e.target.name != node.name){
node.disabled = true;
node.checked = false;
}
});
});
});
clear.onclick=clearRadio;
function clearRadio(){
nodeList.forEach(function(node){
node.disabled = node.checked = false;
});
}
}());
</script><i>
</i>``0
@daveyerwinAug 29.2019 — #``<i>
</i><div>
<input type="radio" name="Amplifier" id="Amplifier" value="5">AAA
<input type="radio" name="Amplifier" id="Amplifier" value="2">EEE
<input type="radio" name="Amplifier" id="Amplifier" value="7">BBB
<input type="radio" name="Amplifier" id="Amplifier" value="9">CCC
</div><div>
<input type="radio" name="Multiswitch" id="Multiswitch" value="156,150,147">AAA
<input type="radio" name="Multiswitch" id="Multiswitch" value="168,162,159">BBB
<input type="radio" name="Multiswitch" id="Multiswitch" value="180,174,171">DDD
<input type="radio" name="Multiswitch" id="Multiswitch" value="192,186,183">CCC
</div>
<button id=clear>CLEAR</button>
<script>
(function(){
if(!NodeList.forEach)
NodeList.prototype.forEach = Array.prototype.forEach;
nodeList=document.querySelectorAll('input[type=radio]');
nodeList.forEach(function(node){
node.disabled = node.checked = false;
node.addEventListener('click',function(e){
clearRadio();
e.target.checked=true;
nodeList.forEach(function(node){
if( e.target.nextSibling.textContent != node.nextSibling.textContent && e.target.name != node.name){
node.disabled = true;
node.checked = false;
}
});
});
});
clear.onclick=clearRadio;
function clearRadio(){
nodeList.forEach(function(node){
node.disabled = node.checked = false;
});
}
}());
</script><i>
</i>``0
@daveyerwinSep 01.2019 — #for my convenience I removed the screwDefaultButtons pluginif this is not what you want don't give up
I will keep trying
``<i>
</i><!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Language" content="tr">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="https://deneme.antenfiyati.com/css/style.css" type="text/css" rel="stylesheet">
<script type="text/javascript" src="https://deneme.antenfiyati.com/kutuphaneler/jquery.js"></script>
<link rel="stylesheet" type="text/css" href="https://deneme.antenfiyati.com/jswindow/jswindow.css"/>
<script type="text/javascript" src="https://deneme.antenfiyati.com/jswindow/jswindow-min.js"></script>
<script src="https://deneme.antenfiyati.com/kutuphaneler/jquery-ui.js"></script>
<script type="text/javascript" src="https://deneme.antenfiyati.com/js/aciklama.js"></script>
<title>Merkezi Uydu Sistemi Fiyat Çıkarma Web Sitesi</title>
<style>
/* multiswitch radio butonu için */
span {
display: inline-block;
width: 100.5px;
vertical-align: middle;
text-align: center;
}
</style>
</head>
<body style="padding:0; margin:0; font-family:Arial, Helvetica, sans-serif;">
<script type="text/javascript">
function switch_kontrol(){
var Amplifier = $('input[id=Amplifier]:checked').length;
if (Amplifier == 0){
$(function()
{
jw("b olumsuz").baslik("Amplifier Seçmediniz!").icerik("Lütfen Merkezi Uydu Anten Sisteminiz için bir Amplifier seçiniz").kilitle().en(400).boy(100).ac();
})
return false;
}
var Multiswitch = $('input[id=Multiswitch]:checked').length;
if (Multiswitch == 0){
$(function()
{
jw("b olumsuz").baslik("Multiswitch Seçmediniz!").icerik("Lütfen Merkezi Uydu Anten Sisteminiz için bir Multiswitch seçiniz").kilitle().en(400).boy(100).ac();
})
return false;
}
return true;
}
</script>
<div id="jswindow_website_cerceve">
<form method="POST" id="FormID" action="receiverler.php" onsubmit="return switch_kontrol();">
<div class="all-div" align="center">
<div class="endiskapsayici">
<div class="maxi-div">
<div class="baslik border-tam tam-genislik ust-kose">Merkezi Sisteminiz için Tercih Ettiğiniz Multiswitch Amplifier Markayı Seçiniz</div>
</div>
<div class="maxi-div">
<div class="ikiyuzseksenuc border-sol border-alt urunresim"><div align="center"><img src="https://deneme.antenfiyati.com/images/amplifier.png" /></div></div>
<div class="besyuzkirkdokuz border-sag border-alt urunresim">Belirttiğiniz 100 abone için Merkezi Uydu Sisteminizde Kullanılması gereken Multiswitch Amplifier Markaları Aşağıda Sıralanmıştır.<br />Marka ve Fiyat Tercihinize Göre Seçim Yapınız.</div>
</div>
<div class="maxi-div">
<div class="baslik border-sol border-alt ikiyuzseksenuc">Amplifier Markası</div>
<div class="baslik border-alt yuzyirmibes">Gain/Kazanç dB</div>
<div class="baslik border-alt yuzyirmibes">Girişi & Çıkışı</div>
<div class="baslik border-alt yuzyirmibes">Fiyatı</div>
<div class="baslik border-alt elli">Adet</div>
<div class="baslik border-sag border-alt yuz">Tercihiniz</div>
</div>
<div class="maxi-div">
<div style="background-color:#F0F1F9;" class="zeminsiz border-sol border-alt ikiyuzseksenuc"><div align="left"><a style="cursor:pointer;" title="Ürün Açıklaması" onClick="aciklama('multiswitch_amplifier', '6')">İncele</a>&nbsp;&nbsp;&raquo;NEXT</div></div>
<div style="background-color:#F0F1F9;" class="zeminsiz border-alt yuzyirmibes">20-24 dB</div>
<div style="background-color:#F0F1F9;" class="zeminsiz border-alt yuzyirmibes">14X14</div>
<div style="background-color:#F0F1F9;" class="zeminsiz border-alt yuzyirmibes">160.00 USD</div>
<div style="background-color:#F0F1F9;" class="zeminsiz border-alt elli">3</div>
<div style="background-color:#F0F1F9;" class="zeminsiz yuz border-sag border-alt"><input type="radio" value="6" name="Amplifier" id="Amplifier"></div>
</div>
<div class="maxi-div">
<div style="background-color:#F4F4F4;" class="zeminsiz border-sol border-alt ikiyuzseksenuc"><div align="left"><a style="cursor:pointer;" title="Ürün Açıklaması" onClick="aciklama('multiswitch_amplifier', '7')">İncele</a>&nbsp;&nbsp;&raquo;NEXT & NEXTSTAR</div></div>
<div style="background-color:#F4F4F4;" class="zeminsiz border-alt yuzyirmibes">20-24 dB</div>
<div style="background-color:#F4F4F4;" class="zeminsiz border-alt yuzyirmibes">14X14</div>
<div style="background-color:#F4F4F4;" class="zeminsiz border-alt yuzyirmibes">160.00 USD</div>
<div style="background-color:#F4F4F4;" class="zeminsiz border-alt elli">3</div>
<div style="background-color:#F4F4F4;" class="zeminsiz yuz border-sag border-alt"><input type="radio" value="7" name="Amplifier" id="Amplifier"></div>
</div>
<div class="maxi-div">
<div style="background-color:#F0F1F9;" class="zeminsiz border-sol border-alt ikiyuzseksenuc"><div align="left"><a style="cursor:pointer;" title="Ürün Açıklaması" onClick="aciklama('multiswitch_amplifier', '5')">İncele</a>&nbsp;&nbsp;&raquo;TEKNİKSAT</div></div>
<div style="background-color:#F0F1F9;" class="zeminsiz border-alt yuzyirmibes">20-24 dB</div>
<div style="background-color:#F0F1F9;" class="zeminsiz border-alt yuzyirmibes">14X14</div>
<div style="background-color:#F0F1F9;" class="zeminsiz border-alt yuzyirmibes">160.00 USD</div>
<div style="background-color:#F0F1F9;" class="zeminsiz border-alt elli">3</div>
<div style="background-color:#F0F1F9;" class="zeminsiz yuz border-sag border-alt"><input type="radio" value="5" name="Amplifier" id="Amplifier"></div>
</div>
<div class="maxi-div">
<div style="background-color:#F4F4F4;" class="zeminsiz border-sol border-alt ikiyuzseksenuc"><div align="left"><a style="cursor:pointer;" title="Ürün Açıklaması" onClick="aciklama('multiswitch_amplifier', '8')">İncele</a>&nbsp;&nbsp;&raquo;SUNNY</div></div>
<div style="background-color:#F4F4F4;" class="zeminsiz border-alt yuzyirmibes">20-24 dB</div>
<div style="background-color:#F4F4F4;" class="zeminsiz border-alt yuzyirmibes">14X14</div>
<div style="background-color:#F4F4F4;" class="zeminsiz border-alt yuzyirmibes">160.00 USD</div>
<div style="background-color:#F4F4F4;" class="zeminsiz border-alt elli">3</div>
<div style="background-color:#F4F4F4;" class="zeminsiz yuz border-sag border-alt"><input type="radio" value="8" name="Amplifier" id="Amplifier"></div>
</div>
<div class="maxi-div">
<div class="bosluk">&nbsp;</div>
</div>
<div class="maxi-div">
<div class="baslik border-tam alt-kose tam-genislik">&nbsp;</div>
</div>
</div>
</div>
<!---Amplifier Tablo Sonu--->
<!---Multiswitch Tablo Başlangıcı--->
<div class="all-div" align="center">
<div class="endiskapsayici">
<div class="maxi-div">
<div class="baslik border-tam tam-genislik ust-kose">Merkezi Sisteminiz için Tercih Ettiğiniz Multiswitch Markayı Seçiniz</div>
</div>
<div class="maxi-div">
<div class="ikiyuzseksenuc border-sol urunresim"><div align="center"><img src="https://deneme.antenfiyati.com/images/multiswitch.png" /></div></div>
<div class="besyuzkirkdokuz border-sag urunresim">Belirttiğiniz 100 abone için Merkezi Uydu Sisteminizde Kullanabileceğiniz Multiswitch Markaları Aşağıda Sıralanmıştır.<br />Marka ve Fiyat Tercihinize Göre Seçim Yapınız.</div>
</div>
<div class="maxi-div">
<div class="baslik border-sol border-alt border-ust ikiyuzseksenuc">Multiswitch Markası</div>
<div class="baslik border-alt border-ust yuzyirmibes">Multiswitch Tipi</div>
<div class="baslik border-alt border-ust yuzyirmibes">Girişi & Çıkışı</div>
<div class="baslik border-alt border-ust yuzyirmibes">Fiyatı</div>
<div class="baslik border-alt border-ust elli">Adet</div>
<div class="baslik border-sag border-alt border-ust yuz">Tercihiniz</div>
</div>
<div class="maxi-div">
<div class="border-sag border-alt uydu-adi-liste">
<div id="x">
<div class="maxi-div">
<div class="orta-satir border-sol ucyuzondort"><div align="left"><a style="cursor:pointer;" title="Ürün Açıklaması" onClick="aciklama('multiswitchler', '156')">İncele</a>&nbsp;&nbsp;&raquo;TEKNİKSAT</div></div>
<div class="orta-satir yuzyirmibes">SONLU</div>
<div class="orta-satir yuzyirmibes">14X32</div>
<div class="orta-satir yuzyirmibes">270.00 USD</div>
<div class="orta-satir border-sag elli">1</div>
<div style="clear:both"></div>
</div>
<div class="maxi-div">
<div class="orta-satir border-sol border-ust ucyuzondort"><div align="left"><a style="cursor:pointer;" title="Ürün Açıklaması" onClick="aciklama('multiswitchler', '146')">İncele</a>&nbsp;&nbsp;&raquo;TEKNİKSAT</div></div>
<div class="orta-satir border-ust yuzyirmibes">KASKAD</div>
<div class="orta-satir border-ust yuzyirmibes">14X12</div>
<div class="orta-satir border-ust yuzyirmibes">150.00 USD</div>
<div class="orta-satir border-ust border-sag elli">1</div>
<div style="clear:both"></div>
</div>
<div class="maxi-div">
<div class="orta-satir border-sol border-ust ucyuzondort"><div align="left"><a style="cursor:pointer;" title="Ürün Açıklaması" onClick="aciklama('multiswitchler', '149')">İncele</a>&nbsp;&nbsp;&raquo;TEKNİKSAT</div></div>
<div class="orta-satir border-ust yuzyirmibes">KASKAD</div>
<div class="orta-satir border-ust yuzyirmibes">14X24</div>
<div class="orta-satir border-ust yuzyirmibes">230.00 USD</div>
<div class="orta-satir border-ust border-sag elli">1</div>
<div style="clear:both"></div>
</div>
<div class="maxi-div">
<div class="orta-satir border-sol border-ust ucyuzondort"><div align="left"><a style="cursor:pointer;" title="Ürün Açıklaması" onClick="aciklama('multiswitchler', '150')">İncele</a>&nbsp;&nbsp;&raquo;TEKNİKSAT</div></div>
<div class="orta-satir border-ust yuzyirmibes">KASKAD</div>
<div class="orta-satir border-ust yuzyirmibes">14X32</div>
<div class="orta-satir border-ust yuzyirmibes">270.00 USD</div>
<div class="orta-satir border-ust border-sag elli">1</div>
<div style="clear:both"></div>
</div>
</div>
<span><input type="radio" value="156,150,149,146" name="Multiswitch" id="Multiswitch">&nbsp;&nbsp;</span>
</div>
</div>
<div class="maxi-div">
<div class="orta-baslik border-sol border-sag border-alt tam-genislik">100 ABONE İSTEĞİNİZ İÇİN TEKNİKSAT MARKADAN 100 ABONE ÇIKIŞLI SİSTEM ELDE EDİLMİŞTİR</div>
</div>
<div class="maxi-div">
<div class="bosluk">&nbsp;</div>
</div>
<div class="maxi-div">
<div class="baslik border-sol border-alt border-ust ikiyuzseksenuc">Multiswitch Markası</div>
<div class="baslik border-alt border-ust yuzyirmibes">Multiswitch Tipi</div>
<div class="baslik border-alt border-ust yuzyirmibes">Girişi & Çıkışı</div>
<div class="baslik border-alt border-ust yuzyirmibes">Fiyatı</div>
<div class="baslik border-alt border-ust elli">Adet</div>
<div class="baslik border-sag border-alt border-ust yuz">Tercihiniz</div>
</div>
<div class="maxi-div">
<div class="border-sag border-alt uydu-adi-liste">
<div id="x">
<div class="maxi-div">
<div class="orta-satir border-sol ucyuzondort"><div align="left"><a style="cursor:pointer;" title="Ürün Açıklaması" onClick="aciklama('multiswitchler', '168')">İncele</a>&nbsp;&nbsp;&raquo;NEXT</div></div>
<div class="orta-satir yuzyirmibes">SONLU</div>
<div class="orta-satir yuzyirmibes">14X32</div>
<div class="orta-satir yuzyirmibes">270.00 USD</div>
<div class="orta-satir border-sag elli">1</div>
<div style="clear:both"></div>
</div>
<div class="maxi-div">
<div class="orta-satir border-sol border-ust ucyuzondort"><div align="left"><a style="cursor:pointer;" title="Ürün Açıklaması" onClick="aciklama('multiswitchler', '158')">İncele</a>&nbsp;&nbsp;&raquo;NEXT</div></div>
<div class="orta-satir border-ust yuzyirmibes">KASKAD</div>
<div class="orta-satir border-ust yuzyirmibes">14X12</div>
<div class="orta-satir border-ust yuzyirmibes">150.00 USD</div>
<div class="orta-satir border-ust border-sag elli">1</div>
<div style="clear:both"></div>
</div>
<div class="maxi-div">
<div class="orta-satir border-sol border-ust ucyuzondort"><div align="left"><a style="cursor:pointer;" title="Ürün Açıklaması" onClick="aciklama('multiswitchler', '161')">İncele</a>&nbsp;&nbsp;&raquo;NEXT</div></div>
<div class="orta-satir border-ust yuzyirmibes">KASKAD</div>
<div class="orta-satir border-ust yuzyirmibes">14X24</div>
<div class="orta-satir border-ust yuzyirmibes">230.00 USD</div>
<div class="orta-satir border-ust border-sag elli">1</div>
<div style="clear:both"></div>
</div>
<div class="maxi-div">
<div class="orta-satir border-sol border-ust ucyuzondort"><div align="left"><a style="cursor:pointer;" title="Ürün Açıklaması" onClick="aciklama('multiswitchler', '162')">İncele</a>&nbsp;&nbsp;&raquo;NEXT</div></div>
<div class="orta-satir border-ust yuzyirmibes">KASKAD</div>
<div class="orta-satir border-ust yuzyirmibes">14X32</div>
<div class="orta-satir border-ust yuzyirmibes">270.00 USD</div>
<div class="orta-satir border-ust border-sag elli">1</div>
<div style="clear:both"></div>
</div>
</div>
<span><input type="radio" value="168,162,161,158" name="Multiswitch" id="Multiswitch">&nbsp;&nbsp;</span>
</div>
</div>
<div class="maxi-div">
<div class="orta-baslik border-sol border-sag border-alt tam-genislik">100 ABONE İSTEĞİNİZ İÇİN NEXT MARKADAN 100 ABONE ÇIKIŞLI SİSTEM ELDE EDİLMİŞTİR</div>
</div>
<div class="maxi-div">
<div class="bosluk">&nbsp;</div>
</div>
<div class="maxi-div">
<div class="baslik border-sol border-alt border-ust ikiyuzseksenuc">Multiswitch Markası</div>
<div class="baslik border-alt border-ust yuzyirmibes">Multiswitch Tipi</div>
<div class="baslik border-alt border-ust yuzyirmibes">Girişi & Çıkışı</div>
<div class="baslik border-alt border-ust yuzyirmibes">Fiyatı</div>
<div class="baslik border-alt border-ust elli">Adet</div>
<div class="baslik border-sag border-alt border-ust yuz">Tercihiniz</div>
</div>
<div class="maxi-div">
<div class="border-sag border-alt uydu-adi-liste">
<div id="x">
<div class="maxi-div">
<div class="orta-satir border-sol ucyuzondort"><div align="left"><a style="cursor:pointer;" title="Ürün Açıklaması" onClick="aciklama('multiswitchler', '180')">İncele</a>&nbsp;&nbsp;&raquo;SUNNY</div></div>
<div class="orta-satir yuzyirmibes">SONLU</div>
<div class="orta-satir yuzyirmibes">14X32</div>
<div class="orta-satir yuzyirmibes">270.00 USD</div>
<div class="orta-satir border-sag elli">1</div>
<div style="clear:both"></div>
</div>
<div class="maxi-div">
<div class="orta-satir border-sol border-ust ucyuzondort"><div align="left"><a style="cursor:pointer;" title="Ürün Açıklaması" onClick="aciklama('multiswitchler', '170')">İncele</a>&nbsp;&nbsp;&raquo;SUNNY</div></div>
<div class="orta-satir border-ust yuzyirmibes">KASKAD</div>
<div class="orta-satir border-ust yuzyirmibes">14X12</div>
<div class="orta-satir border-ust yuzyirmibes">150.00 USD</div>
<div class="orta-satir border-ust border-sag elli">1</div>
<div style="clear:both"></div>
</div>
<div class="maxi-div">
<div class="orta-satir border-sol border-ust ucyuzondort"><div align="left"><a style="cursor:pointer;" title="Ürün Açıklaması" onClick="aciklama('multiswitchler', '173')">İncele</a>&nbsp;&nbsp;&raquo;SUNNY</div></div>
<div class="orta-satir border-ust yuzyirmibes">KASKAD</div>
<div class="orta-satir border-ust yuzyirmibes">14X24</div>
<div class="orta-satir border-ust yuzyirmibes">230.00 USD</div>
<div class="orta-satir border-ust border-sag elli">1</div>
<div style="clear:both"></div>
</div>
<div class="maxi-div">
<div class="orta-satir border-sol border-ust ucyuzondort"><div align="left"><a style="cursor:pointer;" title="Ürün Açıklaması" onClick="aciklama('multiswitchler', '174')">İncele</a>&nbsp;&nbsp;&raquo;SUNNY</div></div>
<div class="orta-satir border-ust yuzyirmibes">KASKAD</div>
<div class="orta-satir border-ust yuzyirmibes">14X32</div>
<div class="orta-satir border-ust yuzyirmibes">270.00 USD</div>
<div class="orta-satir border-ust border-sag elli">1</div>
<div style="clear:both"></div>
</div>
</div>
<span><input type="radio" value="180,174,173,170" name="Multiswitch" id="Multiswitch">&nbsp;&nbsp;</span>
</div>
</div>
<div class="maxi-div">
<div class="orta-baslik border-sol border-sag border-alt tam-genislik">100 ABONE İSTEĞİNİZ İÇİN SUNNY MARKADAN 100 ABONE ÇIKIŞLI SİSTEM ELDE EDİLMİŞTİR</div>
</div>
<div class="maxi-div">
<div class="bosluk">&nbsp;</div>
</div>
<div class="maxi-div">
<div class="baslik border-sol border-alt border-ust ikiyuzseksenuc">Multiswitch Markası</div>
<div class="baslik border-alt border-ust yuzyirmibes">Multiswitch Tipi</div>
<div class="baslik border-alt border-ust yuzyirmibes">Girişi & Çıkışı</div>
<div class="baslik border-alt border-ust yuzyirmibes">Fiyatı</div>
<div class="baslik border-alt border-ust elli">Adet</div>
<div class="baslik border-sag border-alt border-ust yuz">Tercihiniz</div>
</div>
<div class="maxi-div">
<div class="border-sag border-alt uydu-adi-liste">
<div id="x">
<div class="maxi-div">
<div class="orta-satir border-sol ucyuzondort"><div align="left"><a style="cursor:pointer;" title="Ürün Açıklaması" onClick="aciklama('multiswitchler', '192')">İncele</a>&nbsp;&nbsp;&raquo;NEXT & NEXTSTAR</div></div>
<div class="orta-satir yuzyirmibes">SONLU</div>
<div class="orta-satir yuzyirmibes">14X32</div>
<div class="orta-satir yuzyirmibes">270.00 USD</div>
<div class="orta-satir border-sag elli">1</div>
<div style="clear:both"></div>
</div>
<div class="maxi-div">
<div class="orta-satir border-sol border-ust ucyuzondort"><div align="left"><a style="cursor:pointer;" title="Ürün Açıklaması" onClick="aciklama('multiswitchler', '182')">İncele</a>&nbsp;&nbsp;&raquo;NEXT & NEXTSTAR</div></div>
<div class="orta-satir border-ust yuzyirmibes">KASKAD</div>
<div class="orta-satir border-ust yuzyirmibes">14X12</div>
<div class="orta-satir border-ust yuzyirmibes">150.00 USD</div>
<div class="orta-satir border-ust border-sag elli">1</div>
<div style="clear:both"></div>
</div>
<div class="maxi-div">
<div class="orta-satir border-sol border-ust ucyuzondort"><div align="left"><a style="cursor:pointer;" title="Ürün Açıklaması" onClick="aciklama('multiswitchler', '185')">İncele</a>&nbsp;&nbsp;&raquo;NEXT & NEXTSTAR</div></div>
<div class="orta-satir border-ust yuzyirmibes">KASKAD</div>
<div class="orta-satir border-ust yuzyirmibes">14X24</div>
<div class="orta-satir border-ust yuzyirmibes">230.00 USD</div>
<div class="orta-satir border-ust border-sag elli">1</div>
<div style="clear:both"></div>
</div>
<div class="maxi-div">
<div class="orta-satir border-sol border-ust ucyuzondort"><div align="left"><a style="cursor:pointer;" title="Ürün Açıklaması" onClick="aciklama('multiswitchler', '186')">İncele</a>&nbsp;&nbsp;&raquo;NEXT & NEXTSTAR</div></div>
<div class="orta-satir border-ust yuzyirmibes">KASKAD</div>
<div class="orta-satir border-ust yuzyirmibes">14X32</div>
<div class="orta-satir border-ust yuzyirmibes">270.00 USD</div>
<div class="orta-satir border-ust border-sag elli">1</div>
<div style="clear:both"></div>
</div>
</div>
<span><input type="radio" value="192,186,185,182" name="Multiswitch" id="Multiswitch">&nbsp;&nbsp;</span>
</div>
</div>
<div class="maxi-div">
<div class="orta-baslik border-sol border-sag border-alt tam-genislik">100 ABONE İSTEĞİNİZ İÇİN NEXT & NEXTSTAR MARKADAN 100 ABONE ÇIKIŞLI SİSTEM ELDE EDİLMİŞTİR</div>
</div>
<div class="maxi-div">
<div class="bosluk">&nbsp;</div>
</div>
<div class="maxi-div">
<div class="baslik border-tam alt-kose tam-genislik"><div align="center"><input type="submit" class="gonder" name="multiswitch" value="Devam Et" disabled>&nbsp;<input type="reset" class="gonder" value="Sıfırla"></div></div>
</div>
</div>
</div>
</form>
<script>
(function(){
if(!NodeList.forEach)
NodeList.prototype.forEach = Array.prototype.forEach;
nodeList=document.querySelectorAll('input[type=radio]');
nodeList.forEach(function(node){
node.disabled = node.checked = false;
node.addEventListener('click',function(e){
nodeList.forEach(function(node){
if( e.target.parentNode.parentNode.querySelector('a').nextSibling.textContent == node.parentNode.parentNode.querySelector('a').nextSibling.textContent){
node.checked = true;
}
});
});
});
clearRadio();
function clearRadio(){
nodeList.forEach(function(node){
node.checked = false;
});
}
}());
</script><i>
</i>``