[英]How to make non editable text box to editable when i click on check box corresponding to it
有一個復選框和與之對應的一個不可編輯的文本框。 當我單擊復選框時,相應的不可編輯文本框應成為可編輯文本框。 我該如何實現?
基本上:
$('#some-checkbox').click(function() {
$('#some-textfield').prop('disabled', !$(this).is(':checked'));
});
現在,如何查找相應的文本框取決於您的標記。 一種方法是為文本框提供一個類,該類為復選框的ID。 將其應用於所有復選框可能看起來像這樣:
$(':checkbox').click(function() {
var box = $(this);
$('.' + box.attr('id')).prop('disabled', !box.is(':checked'));
});
否則,可以通過其在DOM上的位置來定位文本字段:
<div class="wrapper">
<input type="checkbox">
...
<div>
<input type="text" disabled="disabled" />
</div>
</div>
然后,您可以執行以下操作:
$(':checkbox').click(function() {
var box = $(this);
box.closest('.wrapper').find('input[type=text]').prop('disabled', !box.is(':checked'));
});
該代碼實際上可以正常工作,並且可以使用。
這是表格內容:
<form id="myGame" name="myGame" action="" method="post">
<input type="radio" name="checkme" id="checkme" onClick="openTheHouse();" >Open Sesame
<input name="open_id" id="openid" type=text disabled="disabled">
</from>
腳本:實際上非常酷,在此腳本中沒有什么復雜的。
<script type="text/javascript">
function openTheHouse()
{
if(document.myGame.checkme.checked == true)
{
document.myGame.openid.disabled = false ;
}
}
</script>
就是這樣,全部完成。 當然,我相信它能奏效。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.