ایجاد یک افکت بر روی تکس باکس

[hamidhassas]

من یک select داردم که دومقدار فعال و غیر فعال داره و یک textfield

میخوام کاری کنم که وقتی کاربر غیر فعال رو به حالت فعال در میاره textfield از حالت disabled="disabled" در بیاد و اگر دوباره به حالت فعال رو به غیر فعال تغییر وضعیت داد textfield به وضعیت disabled="disabled" بشه


<form action="save.php" method="post">
<select name="select1" id="select1">
<option value="0">غیر فعال</option>
<option value="1">فعال</option>
</select>
<br />
<input name="textfield1" type="text" disabled="disabled" id="textfield1" />
</form>


جواب



<script>
$(document).ready(function () {
$("#select1").change(function () {
var select = $("#select1 option:selected").val();
if (select == 1) {
$("#textfield1").removeAttr('disabled');
} else {
$("#textfield1").attr('disabled', 'true');
}
});
});
</script>

[Omid Jackson]

http://jsfiddle.net/OmidJackson/s9Ndu/

[anotheruser]

من یک select داردم که دومقدار فعال و غیر فعال داره و یک textfield

میخوام کاری کنم که وقتی کاربر غیر فعال رو به حالت فعال در میاره textfield از حالت disabled="disabled" در بیاد و اگر دوباره به حالت فعال رو به غیر فعال تغییر وضعیت داد textfield به وضعیت disabled="disabled" بشه


<form action="save.php" method="post">
<select name="select1" id="select1">
<option value="0">غیر فعال</option>
<option value="1">فعال</option>
</select>
<br />
<input name="textfield1" type="text" disabled="disabled" id="textfield1" />
</form>



سلام ،


<form action="save.php" method="post">
<select name="select1" id="select1" onChange="Toggle(this)">
<option value="0">غیر فعال</option>
<option value="1">فعال</option>
</select>

<input name="textfield1" type="text" disabled="disabled" id="textfield1" />
</form>


<script>
function Toggle(opt)
{
var state=opt.options[1].selected;
document.getElementById("textfield1").disabled=state;

}
</script>

[mokhtasatxyz]

سلام

<form action="a.php" method="post" name="form1" id="form1">
<input name="aaa" type="text" />
<input name="aa" type="radio" />
<input name="a" type="checkbox" />
<input name="bbb" type="checkbox" onClick="javascript:enableField()">
<input name="ccc" type="checkbox" onClick="javascript:enableField()">
<input name="ddd" type="checkbox" onClick="javascript:enableField()">
</form>
<script language="javascript">
function enableField()
{
document.form1.aaa.disabled=document.form1.bbb.che cked;
document.form1.aa.disabled=document.form1.ccc.chec ked;
document.form1.a.disabled=document.form1.ddd.check ed;
}
</script>