Autor |
Nachricht |
headbannger83
Threadersteller
Dabei seit: 28.02.2006
Ort: Berlin
Alter: 41
Geschlecht:
|
Verfasst Fr 24.07.2009 19:56
Titel 1 Checkbutton auswählen und somit 6 andere deaktivieren |
|
|
Hallo ich hab hier ein Rechner der 7 Checkbutton hat und würde gern das wenn ich einen der 7 Checkbutton auswähle das die anderen deaktiviert werden also so als ob ich bei den anderen 6 Checkbutton disabled ins input schreibe!!
So das der User die anderen 6 nicht mehr beeinflussen kann und nur eine Auswahl treffen kann!
Ich hab schon überall geschaut und nichts gefunden, bitte helft mir!!!
Hier mein Code:
<script language="javascript">
var Cost, Total;
function kalli()
{
Cost = 0;
if (document.orderform.item1.checked) { Cost = Cost + 158.00; }
if (document.orderform.item2.checked) { Cost = Cost + 6.50; }
if (document.orderform.item3.checked) { Cost = Cost + 7.50; }
if (document.orderform.item4.checked) { Cost = Cost + 9.00; }
if (document.orderform.item5.checked) { Cost = Cost + 11.00; }
if (document.orderform.item6.checked) { Cost = Cost + 31.00; }
if (document.orderform.item7.checked) { Cost = Cost + 0.00; }
Cost = ats(Cost);
Total = ats(Total);
document.orderform.Total.value = "EUR " + Cost;
}
function ats (amount)
{
amount = parseInt(amount * 100);
amount = parseFloat(amount/100);
if (((amount) == Math.floor(amount)) && ((amount - Math.floor (amount)) == 0))
{
amount = amount + ".00"
return amount;
}
if ( ((amount * 10) - Math.floor(amount * 10)) == 0)
{
amount = amount + "0";
return amount;
}
if ( ((amount * 100) - Math.floor(amount * 100)) == 0)
{
amount = amount;
return amount;
}
return amount;
}
function chkorderform()
{
if(document.orderform.mail.value == "")
{
alert("Bitte geben Sie Ihre E-Mail-Adresse ein");
document.orderform.mail.focus();
return false;
}
if(document.orderform.mail.value.indexOf('@') == -1)
{
alert("Das ist keine E-Mail-Adresse!");
document.orderform.mail.focus();
return false;
}
}
</script>
<table width="400" border="2" bgcolor="#CFCFCF" cellpadding="3" cellspacing="3" align="center">
<tr>
<form name="orderform" action="/cgi-bin/mailmanager.pl" method="post" onsubmit="return chkorderform()">
<input type="hidden" name="recipient" value="website@website.de">
<input type="hidden" name="subject" value="Bestellung">
<input type="hidden" name="required" value="realname, mail, place">
<input type="hidden" name="redirect" value="http://www.website.de/thanks.html">
<input type="hidden" name="print_blank_fields" value="1">
<tr>
<td><input type="checkbox" name="item1" value="item1_chosen" onclick="kalli()"checked disabled><input type="hidden" name="item1" value="on" />Flyer 2 Seiter</td>
<td> Best.-Nr. 20</td>
<td> € 158.00</td>
</tr>
<tr>
<td><input type="radio" name="item2" value="item21_chosen" onclick="kalli()"> item2</td>
<td> Best.-Nr. 21</td>
<td> € 6.50</td>
</tr>
<td><input type="radio" name="item3" value="item3_chosen" onclick="kalli()"> item3</td>
<td> Best.-Nr. 22</td>
<td> € 7.50</td>
</tr>
<tr>
<td><input type="checkbox" name="item4" value="item4_chosen" onclick="kalli()"> item4</td>
<td> Best.-Nr. 23</td>
<td> € 9.00</td>
</tr>
<tr>
<td><input type="checkbox" name="item5" value="item5_chosen" onclick="kalli()"> item5</td>
<td> Best.-Nr. 24</td>
<td> € 11.00</td>
<tr>
<td><input type="checkbox" name="item6" value="item6_chosen" onclick="kalli()"> item6</td>
<td> Best.-Nr. 25</td>
<td> € 31.00</td>
</tr>
<tr>
<td><input type="checkbox" name="item7" value="item7_chosen" onclick="kalli()">ohne Druck</td>
<td> Best.-Nr. 25</td>
<td> € 00.00</td>
</tr>
<tr>
<td id="uno"> </td>
<td id="due"><colspan="2"> Summe inkl. MwSt:<br>
<input type="text" name="Total" value=" € 0" size="9"></strong></font><br><br></td>
</tr>
</table>
<table width="400" border="3" bgcolor="#CFCFCF" cellpadding="3" cellspacing="3" align="center">
<tr>
<td><font color="#EC0000">*</font><font size="-2"> Felder bitte ausfüllen</font></td>
</tr>
<tr>
<td> Name <font color="#EC0000">*</font></td>
<td colspan="2"><input type="text" name="realname" size="25" maxlength="20"></td>
</tr>
<tr>
<td> Vorname</td>
<td colspan="2"><input type="text" name="vorname" size="25" maxlength="25"></td>
</tr>
<tr>
<td> Straße</td>
<td colspan="2"><input type="text" name="street" size="25" maxlength="30"></td>
</tr>
<tr>
<td> PLZ, Wohnort <font color="#EC0000">*</font></td>
<td colspan="2"><input type="text" name="place" size="25" maxlength="30"></td>
</tr>
<tr>
<td> Email <font color="#EC0000">*</font></td>
<td colspan="2"><input type="text" name="mail" size="25" maxlength="40"></td>
</tr>
<tr>
<td> Telefon</td>
<td colspan="2"><input type="text" name="phone" size="25" maxlength="25"></td>
</tr>
<br>
<tr>
<td colspan="3" align="left" bgcolor="#EFEFEF"> <br><br>
Ihre Wünsche, Fragen, Anregungen:<br>
<center><textarea name="meinung" rows="5" cols="30" wrap="wrap"></textarea></center>
</td>
<tr><td></td></tr>
</tr>
<tr>
<td colspan="3" align="center" bgcolor="#EFEFEF">
<input type="submit" value="Absenden" style="background-color:#EC0000;color:#000000; font-weight:bold;cursor:pointer;border:3px solid #CFCFCF;">
<input type="reset" value="Löschen" style="background-color:#EC0000;color:#000000; font-weight:bold;cursor:pointer;border:3px solid #CFCFCF;">
<input type="button" value="Ausdrucken" onclick="self.print()" style="background-color:#EC0000;color:#000000; font-weight:bold;cursor:pointer;border:3px solid #CFCFCF;">
</td>
</tr>
</table>
<br><br> <br>
</form></font>
|
|
|
|
|
Benutzer 1103
Account gelöscht
Ort: -
|
|
|
|
|
Anzeige
|
|
|
pixelpapst303
Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht:
|
Verfasst Sa 25.07.2009 11:09
Titel
|
|
|
schwampf hat geschrieben: | Ähm...warum dann Checkboxen?
Wenn der User eh nur eine Auswahl
treffen soll, wären dann nicht
Radio-Buttons sinnvoller |
disabled!=checked - wenn er also will, dass der status der anderen boxen (gechecked oder nicht) erhalten bleiben soll, jedoch nicht mehr beeinflusst werden darf, dann könnts sinn machen
das könnte bspw so aussehen:
Code: |
<head>
<script type="text/javascript">
var disThis;
function machWech (actObj) {
actObj.checked==true ? disThis = true : disThis = false;
var myObj = document.getElementsByTagName('input');
for (var x=0; x<myObj.length; x++) {
myObj[x].disabled = disThis;
}
actObj.disabled = false;
}
</script>
</head>
<body>
<form id="test">
<input type="checkbox" onclick="machWech(this)" name="a"></input> checkbox kill em all<br />
<input type="checkbox" name="b"></input> checkbox <br />
<input type="checkbox" name="c"></input> checkbox <br />
<input type="checkbox" name="d"></input> checkbox <br />
<input type="checkbox" name="e"></input> checkbox <br />
</form>
</body>
</html>
|
Zuletzt bearbeitet von pixelpapst303 am Sa 25.07.2009 11:10, insgesamt 1-mal bearbeitet
|
|
|
|
|
|
|
|
Ähnliche Themen |
CS3 deaktivieren - nur wie?
Auswählen?
enter deaktivieren
sound deaktivieren. WIE???
Tastenkombination deaktivieren
Verlinkung deaktivieren. Wie?
|
|