Javascript 当我点击对应的复选框时,如何使不可编辑的文本框变为可编辑的
有一个复选框和对应的不可编辑文本框。当我点击复选框时,相应的不可编辑文本框应该变成可编辑文本框。我如何才能做到这一点?基本上:Javascript 当我点击对应的复选框时,如何使不可编辑的文本框变为可编辑的,javascript,jquery,html,Javascript,Jquery,Html,有一个复选框和对应的不可编辑文本框。当我点击复选框时,相应的不可编辑文本框应该变成可编辑文本框。我如何才能做到这一点?基本上: $('#some-checkbox').click(function() { $('#some-textfield').prop('disabled', !$(this).is(':checked')); }); 现在,如何查找相应的文本框取决于您的标记。一种方法是给文本框一个类,该类是复选框的ID。将其应用于所有复选框可能如下所示: $(':checkbox'
$('#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>
基本上:
$('#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>
这段代码实际上运行良好,可以随时使用 这是表单内容:
<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>
函数openTheHouse()
{
if(document.myGame.checkme.checked==true)
{
document.myGame.openid.disabled=false;
}
}
就这样,全部完成。当然,我相信它是有效的 这段代码实际上运行良好,可以随时使用 这是表单内容:
<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>
函数openTheHouse()
{
if(document.myGame.checkme.checked==true)
{
document.myGame.openid.disabled=false;
}
}
就这样,全部完成。当然,我相信它是有效的 这不适用于
openid
,因为它的名称实际上是open\u id
。而且,这并没有起到相反的作用。尽管OP没有明确要求,但我认为如果它这样做会更有意义。单选按钮应为复选框。所以基本上,
应该这样做。这对openid
不起作用,因为它的名字实际上是open\u id
。而且,这并没有起到相反的作用。尽管OP没有明确要求,但我认为如果它这样做会更有意义。单选按钮应为复选框。所以基本上,
应该这样做。