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

avatar samsularifin05
@samsularifin05

114 Kontribusi 13 Poin

Diperbarui 4 tahun yang lalu

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> &lt;input type="radio" id="btn_rupiah" ... /&gt; &lt;input type="radio" id="btn_rupiah" ... /&gt; &lt;input type="radio" id="btn_rupiah" ... /&gt; &lt;input type="radio" id="btn_rupiah" ... /&gt; &lt;input type="radio" id="btn_rupiah" ... /&gt; </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

avatar nurimansyah
@nurimansyah

98 Kontribusi 87 Poin

Dipost 4 tahun yang lalu

Login untuk ikut Jawaban