2015-09-08 57 views
-1
<!doctype html> 
<html> 
<head> 
<meta charset="utf-8"> 
<title>Untitled Document</title> 
<!--css--> 
<link rel="stylesheet" type="text/css" href="css/jquery-ui.structure.min.css"> 
<link rel="stylesheet" type="text/css" href="css/jquery-ui.theme.min.css"> 
<!--css--> 
<script src="js/jquery-1.11.3.min.js"></script> 
<script src="js/jquery-ui.min.js"></script> 

<script><!--test jquery--> 
    function myFunction() { 
     var obj = document.getElementById("h01"); 
     obj.innerHTML = "Hello jQuery"; 
    } 
    onload = myFunction; 
</script><!--test jquery fine--> 
<script> 
$(function(){ 

    $('#show-back').hide(); 

    $('#formid').on('click' ,'input[type=radio]', function(){ 
     if (this.id == "retro" && this.checked) { 
      $('#show-back').show(); 
     } else { 
      $('#show-back').hide(); 
     } 
    }); 

}); 
$(function(){ 

    $('#show-sx').hide(); 

    $('#formid').on('click' ,'input[type=radio]', function(){ 
     if (this.id == "sx" && this.checked) { 
      $('#show-sx').show(); 
     } else { 
      $('#show-sx').hide(); 
     } 
    }); 

}); 
$(function(){ 

    $('#show-dx').hide(); 

    $('#formid').on('click' ,'input[type=radio]', function(){ 
     if (this.id == "dx" && this.checked) { 
      $('#show-dx').show(); 
     } else { 
      $('#show-dx').hide(); 
     } 
    }); 

}); 

</script> 
</head> 
<body> 
<?php 
echo 'test php' ; 
?> 
<div id="h01"> 
</div> 

<form action="ricezione.php" method="POST" id="formid"> 
<p>FRONTE</p> 
<p>Seleziona il tipo di personalizzazione che vuoi effettuare sul Fronte della t-shirt.</p> 
<ul> 
    <li><input type="radio" name="stampafronte" value="Nessuna Stampa" checked>Nessuna stampa</li> 
    <li><input type="radio" name="stampafronte" value="1 colore" id="fronte">Stampa a 1 colore</li> 
    <li><input type="radio" name="stampafronte" value="2 colori" id="fronte">Stampa a 2 colore </li> 
    <li><input type="radio" name="stampafronte" value="3 colori" id="fronte">Stampa a 3 colore </li> 
    <li><input type="radio" name="stampafronte" value="4 colori" id="fronte">Stampa a 4 colore </li> 
    <li><input type="radio" name="stampafronte" value="5 colori" id="fronte">Stampa a 5 colore </li> 
    <li><input type="radio" name="stampafronte" value="6 colori" id="fronte">Stampa a 6 colore</li><hr> 
    <li><input type="radio" name="stampafronte" value="6 colori" id="fronte">Ricamo</li> 
</ul> 
<span> 
<p>RETRO</p> 
<p>Seleziona il tipo di personalizzazione che vuoi effettuare sul Retro della t-shirt.</p> 
<ul> 
    <li><input type="radio" name="stamparetro" value="Nessuna Stampa" checked>Nessuna stampa</li> 
    <li><input type="radio" name="stamparetro" value="1 colore" id="retro">Stampa a 1 colore</li> 
    <li><input type="radio" name="stamparetro" value="2 colori" id="retro">Stampa a 2 colore </li> 
    <li><input type="radio" name="stamparetro" value="3 colori" id="retro">Stampa a 3 colore </li> 
    <li><input type="radio" name="stamparetro" value="4 colori" id="retro">Stampa a 4 colore </li> 
    <li><input type="radio" name="stamparetro" value="5 colori" id="retro">Stampa a 5 colore </li> 
    <li><input type="radio" name="stamparetro" value="6 colori" id="retro">Stampa a 6 colore</li><hr> 
    <li><input type="radio" name="stamparetro" value="6 colori" id="retro">Ricamo</li> 
</ul> 
</span> 

<p>SPALLA SINISTRA</p> 
<p>Seleziona il tipo di personalizzazione che vuoi effettuare sulla spalla sinistra</p> 
<ul> 
    <li><input type="radio" name="stampasinistra" value="Nessuna Stampa" checked>Nessuna stampa</li> 
    <li><input type="radio" name="stampasinistra" value="1 colore" id="sx">Stampa a 1 colore</li> 
    <li><input type="radio" name="stampasinistra" value="2 colori" id="sx">Stampa a 2 colore </li> 
    <li><input type="radio" name="stampasinistra" value="3 colori" id="sx">Stampa a 3 colore </li> 
    <li><input type="radio" name="stampasinistra" value="4 colori" id="sx">Stampa a 4 colore </li> 
    <li><input type="radio" name="stampasinistra" value="5 colori" id="sx">Stampa a 5 colore </li> 
    <li><input type="radio" name="stampasinistra" value="6 colori" id="sx">Stampa a 6 colore</li><hr> 
    <li><input type="radio" name="stampasinistra" value="6 colori" id="sx">Ricamo</li> 
</ul> 

<p>SPALLA DESTRA</p> 
<p>Seleziona il tipo di personalizzazione che vuoi effettuare sulla spalla destra</p> 
<ul> 
    <li><input type="radio" name="stampadestra" value="Nessuna Stampa" checked>Nessuna stampa</li> 
    <li><input type="radio" name="stampadestra" value="1 colore" id="dx">Stampa a 1 colore</li> 
    <li><input type="radio" name="stampadestra" value="2 colori" id="dx">Stampa a 2 colore </li> 
    <li><input type="radio" name="stampadestra" value="3 colori" id="dx">Stampa a 3 colore </li> 
    <li><input type="radio" name="stampadestra" value="4 colori" id="dx">Stampa a 4 colore </li> 
    <li><input type="radio" name="stampadestra" value="5 colori" id="dx">Stampa a 5 colore </li> 
    <li><input type="radio" name="stampadestra" value="6 colori" id="dx">Stampa a 6 colore</li><hr> 
    <li><input type="radio" name="stampadestra" value="6 colori" id="dx">Ricamo</li> 
</ul> 
<p>Cambio</p> 
<!-- cambio fronte--> 
<div id="show_front"> 
<ul> 
    <li><input type="radio" name="cambio" value="Nessun Cambio" checked>Nessun cambio</li> 
    <li><input type="radio" name="cambio" value="1colore" >1 colore</li> 
    <li><input type="radio" name="cambio" value="2colore" >2 colori</li> 
    <li><input type="radio" name="cambio" value="3colore" >3 colori</li> 
    <li><input type="radio" name="cambio" value="4colore" >4 colori</li> 
    <li><input type="radio" name="cambio" value="5colore" >5 colori</li> 
    <li><input type="radio" name="cambio" value="6colore" >6 colori</li>  
</ul> 
</div> 
<!-- cambio fronte fine--> 

<!-- cambio retro--> 
<div> 
<div id="show-back"> 
<p> Dietro </p> 
    <ul> 
     <li><input type="radio" name="cambio_r" value="Nessun Cambio" >Nessun cambio</li> 
     <li><input type="radio" name="cambio_r" value="1colore" >1 colore</li> 
     <li><input type="radio" name="cambio_r" value="2colore" >2 colori</li> 
     <li><input type="radio" name="cambio_r" value="3colore" >3 colori</li> 
     <li><input type="radio" name="cambio_r" value="4colore" >4 colori</li> 
     <li><input type="radio" name="cambio_r" value="5colore" >5 colori</li> 
     <li><input type="radio" name="cambio_r" value="6colore" >6 colori</li> 
    </ul> 
</div> 
</div> 
<!-- cambio sinistra fine --> 
<!-- cambio sinistra--> 
<div id="show-sx"> 
<p>Sinistra</p> 
    <ul> 
     <li><input type="radio" name="cambio_s" value="Nessun Cambio" >Nessun cambio</li> 
     <li><input type="radio" name="cambio_s" value="1colore" >1 colore</li> 
     <li><input type="radio" name="cambio_s" value="2colore" >2 colori</li> 
     <li><input type="radio" name="cambio_s" value="3colore" >3 colori</li> 
     <li><input type="radio" name="cambio_s" value="4colore" >4 colori</li> 
     <li><input type="radio" name="cambio_s" value="5colore" >5 colori</li> 
     <li><input type="radio" name="cambio_s" value="6colore" >6 colori</li> 
    </ul> 
</div> 
<!-- cambio sinistra fine --> 
<!-- cambio destra--> 
<div id="show-dx"> 
<p>Destra</p> 
    <ul> 
     <li><input type="radio" name="cambio_d" value="Nessun Cambio" >Nessun cambio</li> 
     <li><input type="radio" name="cambio_d" value="1colore" >1 colore</li> 
     <li><input type="radio" name="cambio_d" value="2colore" >2 colori</li> 
     <li><input type="radio" name="cambio_d" value="3colore" >3 colori</li> 
     <li><input type="radio" name="cambio_d" value="4colore" >4 colori</li> 
     <li><input type="radio" name="cambio_d" value="5colore" >5 colori</li> 
     <li><input type="radio" name="cambio_d" value="6colore" >6 colori</li> 
    </ul> 
</div> 
<!-- cambio destra fine --> 

<button type="submit">Invia</button> 
</form> 


</body> 
</html> 

我搜索和阅读其他问题,但我解决了这个问题,如果我选择用jQuery取代它一个div,例如,“辛尼斯塔q COLORE”出现在一个div为没有选择“sinistra”。但即使我选择“destra 1colore”,div也会被选项替换为destra。我会添加任何替代品。我怎么办,谢谢你的帮助,如何添加,而不是

回答

2

请参阅append。 例子:

$("#id").append("<div>New div</div>"); 
+0

感谢我阅读和想你的建议,但如果一个人选择例如1 COLORE复古不能解决问题..回复,出现与该选项“坎比奥”一个div这个选择,但现在如果我选择的颜色还剩下一种颜色,他们就没有选择“cambio”这个选项,但是你改变了这些选项的后面,而我希望增加这些颜色,这样,例如,如果你选择了另一种颜色每个选项(前面sinistra dietro destra) 出现所有四个选项来选择“更改” 我希望我更清楚,抱歉,但我的英语不是'好 –

相关问题