salve gente, nella mia pagina ho due input="radio"
codice HTML:
Attivato <input type='radio' name='yesno' value='f1' id='yesCheck' class='aggiorna'>
Disattivato <input type='radio' name='yesno' value='f2' id='noCheck' class='aggiorna' checked>
ho fatto in modo che una volta selezionato attivato, mi viene mostrato un bottone "vendi prodotto" e quando seleziono disattivato il bottone scompare..
i miei obbiettivi adesso sono 3:
obbiettivo n°1) voglio un refresh della pagina ogni volta che mi sposto da attivato a disattivato e viceversa, (considerando che io parto con disattivato impostato come checked perchè voglio che di default sia disattivato, non mi deve dare il refresh quando apro per la prima volta la pagina e di default mi sta su disattivato perchè non mi ci sono spostato, ma stava già li di default e quindi il refresh non deve essere fatto)
ho provato a fare questo:
codice:
$('input[class="aggiorna"]').on('change', function () {
location.reload();
});
ma non funziona, temo che qualcosa vada in contrasto con il punto 2 (guarda secondo obbiettivo).
obbiettivo n°2) voglio che quando aggiorno la pagina (non riuscendo nel primo obbiettivo attualmente aggiorno la pagina io manualmente con f5), se mi trovo per esempio su attivato, dopo il refresh mi devo ritrovare sempre su attivato, e stessa cosa vale per disattivato..quindi memorizzo con localstorage l ultimo stato del radio button e lo restituisco per com era.. in realtà questo secondo obbiettivo sono riuscito a implementarlo, ma l ho voluto postare lo stesso temendo che qualcosa possa andare in contrasto con il primo obbiettivo o magari pensando che qualcuno possa darmi un codice completo che possa farmi tutti e 3 gli obbiettivi con un unico codice...
ho fatto questo cosi:
codice:
$(function() {
$("input[type=\"radio\"]").click(function(){
var thisElem = $(this);
var value = thisElem.val();
$(".box").hide();
$("."+value).show();
localStorage.setItem("option", value);
});
var itemValue = localStorage.getItem("option");
if (itemValue !== null) {
$("input[value=\""+itemValue+"\"]").click();
}
});
obbiettivo n°3) ho nella pagina uno script che richiamo nell'head cosi
codice HTML:
<script type='text/javascript' src='vendi_prodotto.js'></script>
il mio obbiettivo è interrompere il funzionamento di questo script quando l'input radio sta impostato su "disattivato", mentre far funzionare questo script quando sta impostato su "attivato"
grazie a chiunque mi aiuterà, buone feste.