Remove Readonly trong TextBox bằng js, javascript như thế nào

Thảo luận trong 'Lập trình Javascript, js' bắt đầu bởi seolagi, 8/8/18.

  1. seolagi

    seolagi

    Vip Member

    Tham gia ngày:
    16/4/14
    Bài viết:
    498
    Đã được thích:
    29
    Điểm thành tích:
    28
    Remove Readonly trong TextBox bằng js, javascript như thế nào? mình có cái textbox như dưới, muốn khi người dùng lick vào button fa thì nó xóa đi, còn không thì mặc định nó sẽ là Readonly, mình sử dụng code C# asp.net mô hình MVC ý.

    Ở trên View
    HTML:
    <div class="row" style="position: relative;">
      @Html.TextBox("CateId", (string)ViewBag.CateName, new { @class = "form-control", @readonly = true })
      <i class="fa fa-minus-square removereadonly" style="position: absolute;top: 10px;right: 10px;font-size: 18px !important;"></i>
    </div>
    
    Khi hiển thị lên trình duyệt
    HTML:
    <div class="row" style="position: relative;">
        <input class="form-control" id="CateId" name="CateId" readonly="True" value="Trình dược Viên ETC,Trình dược Viên OTC,QC" type="text">
        <i class="fa fa-minus-square removereadonly" style="position: absolute;top: 10px;right: 10px;font-size: 18px !important;"></i>
    </div>
    
    • Mình muốn khi người dùng lick vào .removereadonly thì cái #CateId sẽ xóa readonly đi thành, có nghĩa là click vào mới cho sửa, không click thì không cho sửa ý.
    <input class="form-control" id="CateId" name="CateId" value="Trình dược Viên ETC,Trình dược Viên OTC,QC" type="text">
     
    Cảm ơn đã xem bài:

    Remove Readonly trong TextBox bằng js, javascript như thế nào

    danh sách diễn đàn rao vặt gov chất lượng
    admin thích bài này.
  2. admin

    admin Phạm Công Sơn Thành viên BQT

    Tham gia ngày:
    22/5/13
    Bài viết:
    4,241
    Đã được thích:
    943
    Điểm thành tích:
    113
    Giới tính:
    Nam
    Code JS của bạn đây nhé:
    Cách 1:
    HTML:
    <script>
    $(".removereadonly").click(function () {
           $("#CateId").removeAttr("readonly");
        });
    </script>
    
    Cách 2:
    HTML:
    <script>
    $(".removereadonly").click(function () {
    var btnbutton = $(this).val();
    if(btnbutton == "yes"){
             $("#no_of_staff").prop("readonly", false);
         }
         else{
             $("#no_of_staff").prop("readonly", true);
         }
    </script>
    
    Cách 3:
    HTML:
    <script>
    $(".removereadonly").click(function () {
    var btnbutton = $(this).val();
    if(btnbutton == "yes"){
             $("#no_of_staff").attr("readonly", false);
         }
         else{
             $("#no_of_staff").attr("readonly", true);
         }
    </script>
    
     


Like và Share ủng hộ ITSEOVN