Readonly input bằng javascript như thế nào ?

Thảo luận trong 'Thắc mắc và hỏi đáp về CNTT' bắt đầu bởi thegioiao04, 9/11/22.

  1. thegioiao04

    thegioiao04 Thành Viên Mới

    Tham gia ngày:
    9/11/22
    Bài viết:
    1
    Đã được thích:
    0
    Điểm thành tích:
    1
    Mình có đoạn code:

    <form action="profile.php?action=act" method="post" enctype="multipart/form-data" name="form_1">
    <input name="denngay" id="denngay" placeholder="date placeholder" type="date" class="form-control" value="<?php echo $data['ngayht']; ?>">

    <div style="font-size:13px; font-weight:bold; margin-left:10%; margin-top:30px">
    <input id="id_radio1" type="radio" name ="nut_ketchuyen" onClick="click1();" value=1 checked> Chọn nút Radio 1
    </div>

    <div style="font-size:13px; font-weight:bold; margin-left:10%; margin-top:12px">
    <input id="id_radio2" type="radio" name ="nut_ketchuyen" onClick="click1();" value=2> Chọn nút Radio 1
    </div>

    <div class="col-md-12" align="center" style="margin-top:20px">
    <button type="submit" class="btn hor-grd btn-grd-primary">OK</button>
    </div>
    </form>

    <script>
    <!--
    function click1()
    {
    var radio2 = window.document.form_1.id_radio2;

    if (radio2.checked == true)
    {
    $("#denngay").prop("readonly", true);
    }
    </script>

    Với mong muốn là khi click vào nút radio thì nó sẽ readonly input date. Nhưng đoạn code trên kho6g có tác dụng.
    Mong các Bạn giúp đỡ. Tks nhiều !
     
    Cảm ơn đã xem bài:

    Readonly input bằng javascript như thế nào ?

  2. seolagi

    seolagi

    Moderator

    Thành viên BQT

    Tham gia ngày:
    16/4/14
    Bài viết:
    956
    Đã được thích:
    77
    Điểm thành tích:
    28
    Javascript:
    • document.getElementById("denngay").readOnly = true;
    jQuery <1.9
    • $('#denngay').attr('readonly', true);
    jQuery 1.9+
    • $('#denngay').prop('readonly', true);
    Với JQuery bạn không làm được thì kiểm tra xem đã gọi thư viện nó ra chưa nhé.
     


Chủ để tương tự : Readonly input
Diễn đàn Tiêu đề Date
Thắc mắc và hỏi đáp về CNTT Tạo nút search cho php bằng html5 trong thẻ input 12/3/16

Like và Share ủng hộ ITSEOVN