Здравейте, ще опитам да направя по-детайлно описание за да разберете проблема.
Имам радиобутони, които ще са много на брой но за примера нека са три. При натискане на радиобутон се изпълнява change event, в който викам един jquery плугин, който създава рамки, но нека за примера да използваме просто един append с текст. Проблема е че при всяко натискане на радиобутон това което викам в евента се натрупва, а целта е да е само един път на натискане.
Нека преди кода да дам пример какво се случва в момента.
Натискаме радиобутон 1 и се визуализира текст TEST.
Натискаме радиобутон 2 и се визуализира текст TEST TEST.
Натискаме радиобутон 3 и се визуализира текст TEST TEST TEST.
И така до безкрай. С други думи при всяко натискане се визуализира текст но стария от предишното си остава, а аз искам старото да се махне и да се зареди новото.
Ето и малко код.
<form id="myform" method="post">
<input type="radio" name="frame" value="TEST 1" />
<input type="radio" name="frame" value="TEST 2/>
<input type="radio" name="frame" value="TEST 3" />
<div class="inner"></div>
<input type="submit" name="submit" value="submit">
</form>
<script>
$('#myform input[type=radio]').bind('change', function (event) {
$( ".inner" ).append( "<p>TEST</p>" );
});
</script>
Имам радиобутони, които ще са много на брой но за примера нека са три. При натискане на радиобутон се изпълнява change event, в който викам един jquery плугин, който създава рамки, но нека за примера да използваме просто един append с текст. Проблема е че при всяко натискане на радиобутон това което викам в евента се натрупва, а целта е да е само един път на натискане.
Нека преди кода да дам пример какво се случва в момента.
Натискаме радиобутон 1 и се визуализира текст TEST.
Натискаме радиобутон 2 и се визуализира текст TEST TEST.
Натискаме радиобутон 3 и се визуализира текст TEST TEST TEST.
И така до безкрай. С други думи при всяко натискане се визуализира текст но стария от предишното си остава, а аз искам старото да се махне и да се зареди новото.
Ето и малко код.
<form id="myform" method="post">
<input type="radio" name="frame" value="TEST 1" />
<input type="radio" name="frame" value="TEST 2/>
<input type="radio" name="frame" value="TEST 3" />
<div class="inner"></div>
<input type="submit" name="submit" value="submit">
</form>
<script>
$('#myform input[type=radio]').bind('change', function (event) {
$( ".inner" ).append( "<p>TEST</p>" );
});
</script>