Postingan lainnya
Kelas Premium!
Belajar Javascript untuk website
Gunakan kupon "mulaijs" untuk diskon 75 ribu!
Disable text box radio button
untuk radio buttonnya
<?php if($row->pot_aktif == "RP" ): ?>
<input type="radio" checked="checked" name="pos_aktif" value="RP" id="btn_rupiah" /> RP
<input type="radio" name="pos_aktif" value="PERSEN" id="btn_peresn" /> PERSEN
<?php elseif($row->pot_aktif == "PERSEN"): ?>
<input type="radio" name="pos_aktif" value="RP" id="btn_rupiah" /> RP
<input type="radio" checked="checked" name="pos_aktif" value="PERSEN" id="btn_peresn" /> PERSEN
<?php endif; ?>
untuk jsnya
<script>
$(function () {
$("input[name='pos_aktif']").click(function () {
if ($("#btn_rupiah").is(":checked")) {
$("#txtrupiah").removeAttr("disabled");
$("#txtpersen").attr("disabled", "disabled");
$("#txtrupiah").focus();
} else {
$("#txtpersen").removeAttr("disabled");
$("#txtrupiah").attr("disabled", "disabled");
$("#txtpersen").focus();
}
});
});
</script>
permasalahannya begini ketika data nomer satu di pilih itu radio button jalan bisa disable enable textbox tapi ketika pilih data kedua malah jadi ga jalan mohon solusinya
1 Jawaban:
Coba selectornya jangan pake "id". Pake "class" atau attribute lainnya gan.
Kalo di dalam looping data, let say ada 5 data, terus setiap input punya id yang sama, maka jadinya gini kan:
<pre> <input type="radio" id="btn_rupiah" ... /> <input type="radio" id="btn_rupiah" ... /> <input type="radio" id="btn_rupiah" ... /> <input type="radio" id="btn_rupiah" ... /> <input type="radio" id="btn_rupiah" ... /> </pre>
Nah, rule penggunaan selector "id" di HTML adalah, tidak boleh ada id yang sama. Jadinya, cuma row pertama yang work, row selanjutnya ga work, karena yang di pake cuma id pertama aja.
Boleh di update kembali kodenya gan dan di kulik sedikit ^^ b