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

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 !