Cara Memberikan Metode Wrap Style dengan :radio Selector

Tak perlu mengharap imbalan ketika hendak berbagi. Karena imbalan itu sudah pasti kamu dapatkan, yaitu kebahagiaan dan ketentraman hati. Nah pada hari yang indah ini saya akan berbagi ilmu kepada kalian tentang bagaimana Cara Memberikan Metode Wrap Style dengan :radio Selector.

Jika pada sebelumnya saya memberitahukan caranya untuk menyeleksi input type password saja, nah sekarang saya akan memberitahukan cara untuk menyeleksi input type radio dengan 1 fungsi selector maka semua input type radio di website akan kena style wrap yang akan kita berikan. Berikut Cara Memberikan Metode Wrap Style dengan :radio Selector,

:radio selector mempunyai struktur sebagai berikut:

$(":radio")

Oke seperti biasa, pertama siapkan terlebih dahulu file index.html nya,

Kemudian, isi di bagian <head> library jquery nya,

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>

Setelah itu, isi di bagian <body> tag-tag di bawah ini,

<body>

<form action="">
  Name: <input type="text" name="user"><br>
  Male:<input type="radio" name="sex" value="m"><br>
  Female<input type="radio" name="sex" value="f"><br>
  <input type="submit">
</form>

</body>

Dan yang terakhir, isi di bagian <head> kembali untuk script :radio selector nya,

<script>
$(document).ready(function(){
    $(":radio").wrap("<span style='background-color:red'>");
});
</script>

Bagaimana teman-teman untuk Cara Memberikan Metode Wrap Style dengan :radio Selector nya? cukup mudah bukan?

Sekian untuk tutorial kali ini ya, semoga bermanfaat.

Terima kasih