Z dvoch checkboxov oznac len jeden

elo · Napísal **elo**: 02.11.2011 17:01

Ako mozem prosim upravit tento kod nizsie aby sa mohlo oznacit len jeden checkbox. Ked je oznacene A nejde oznacit B a naopak.

Dakujem.

Kód:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8">
  <meta name="generator" content="PSPad editor, www.pspad.com">
  <title></title>
  </head>
  <body>


   <table border="1" width="100%" cellpadding="2" cellspacing="1"><thead><tr><td align="center" style="width: 60%;" colspan="2">
                     <strong>ponuka</strong>
                </td><td align="center" style="width: 20%;">
                     <strong>Cena bez DPH  </strong>
                </td><td align="center" style="width: 20%;">
                    <strong>Cena s DPH    </strong>
                </td></tr></thead><tbody>
             
            <tr class=""><td title="A" style="width: 280px;"><input type="checkbox" name="198" value="198" /><span class="label">A* </span></td><td>
                    

 
                </td><td align="right" style="padding-right: 1em;">
                    198,00 €
                </td><td align="right" style="padding-right: 1em;">
                    129,00 €
                </td></tr>
             

     
            <tr><td title="B" style="width: 280px;"><input type="checkbox" name="129" value="129" /><span class="label">B * </span></td><td>
                   
 
                </td><td align="right" style="padding-right: 1em;">
                    129,00 €
                </td><td align="right" style="padding-right: 1em;">

                    178,80 €
                </td></tr>
                
                </table>


  </body>
</html>

killer · Napísal **killer**: 02.11.2011 17:06

skus to pomocou radio buttonu
vsimni si, ako musia byt nastavene parametre aby slo zvolit len jednu moznost

elo · Napísal autor témy **elo**: 02.11.2011 17:33

Skusal som s rovnakym name="a" ale stale sa daju oznacit oba.

Kód:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8">
  <meta name="generator" content="PSPad editor, www.pspad.com">
  <title></title>
  </head>
  <body>


   <table border="1" width="100%" cellpadding="2" cellspacing="1"><thead><tr><td align="center" style="width: 60%;" colspan="2">
                     <strong>ponuka</strong>
                </td><td align="center" style="width: 20%;">
                     <strong>Cena bez DPH  </strong>
                </td><td align="center" style="width: 20%;">
                    <strong>Cena s DPH    </strong>
                </td></tr></thead><tbody>
             
            <tr class=""><td title="A" style="width: 280px;"><input type="checkbox" name="a" value="198" /><span class="label">A* </span></td><td>
                    

 
                </td><td align="right" style="padding-right: 1em;">
                    198,00 €
                </td><td align="right" style="padding-right: 1em;">
                    129,00 €
                </td></tr>
             

     
            <tr><td title="B" style="width: 280px;"><input type="checkbox" name="a" value="195" /><span class="label">B * </span></td><td>
                   
 
                </td><td align="right" style="padding-right: 1em;">
                    129,00 €
                </td><td align="right" style="padding-right: 1em;">

                    178,80 €
                </td></tr>
                
                </table>


  </body>
</html>

Dakujem za pomoc.

killer · Napísal **killer**: 02.11.2011 17:36

predstavoval som si to asi takto
http://pastebin.com/fP7Qc4bg

elo · Napísal autor témy **elo**: 02.11.2011 17:41

Ok, ale na konci mam spocitanie celkovej ceny a tam mam len chceckbox, ako tam pridam input radio?

Dakujem.

Kód:

 <script>window.onload = function() {
var r = document.getElementById('vysledok'), c = document.getElementsByTagName('input'), p = function(b, o)
{
   r.innerHTML = b.checked ? parseFloat(r.innerHTML) + parseFloat(b.value) : (o ? parseFloat(r.innerHTML) - parseFloat(b.value) : r.innerHTML);
};
for (var i = 0; e = c[i]; i++)
{
   if (e.type != 'checkbox' || e.className.match(/(^|\s)dontcount($|\s)/i))
   {
      continue;
   }
   e.onchange = function()
   {
      p(this, true);
   };
   p(e);
}
}
</script>
<p id="vysledok">0</p></td></tr></table>

Z dvoch checkboxov oznac len jeden

Podobné témy