JSFiddle - React, Tailwind, and code Playground

by Trần Ngọc Minh

HTML

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<form action="">
Tên: <input type="text" name="user"><br>
Mật khẩu: <input type="password" name="password"><br>
Sở thích:<br>
  Âm nhạc <input type="checkbox"><br>
  Du lịch <input type="checkbox" checked="checked"><br>
  Lập trình <input type="checkbox"><br>
Giới tính:
  Nam <input type="radio"> Nữ <input type="radio" checked="checked"> <br>
Quốc gia:
<select>
  <option selected="selected">Việt Nam</option>
  <option>Mỹ</option>
  <option>Anh</option>
  <option>Pháp</option>
</select><br>
<button type="button" disabled="disabled">Useless Button</button>
<input type="reset" value="Huỷ">
<input type="submit" value="Đăng nhập"><br>
</form>

JavaScript

$(document).ready(function(){
 // dùng phương thức wrap để gán màu nền cho checkbox hay radio

$(":checked").wrap("<span style='background-color:red'>");
});