PDA

View Full Version : سوال: چگونگی غیرفعال کردن دو TextBox بر اساس یک CheckBox


baran_programmer
جمعه 14 آبان 1389, 10:37 صبح
سلام خسته نباشید یه سوال داشتم در مورد جاوا اسکریپت:
در ضمن من با جاوا اسکریپت آشنا نیستم.
من توی سایتم که با ASP.NET نوشتم یه چک باکس دارم که هر وقت غیرفعال میشه دوتا تکس باکس باید غیر فعال بشه و با فعال شدن چک باکس تکس باکس ها هم فعال میشن.میخوام این کارو با کدهای جاوا اسکریپت بنویسم.
لطفا اگه کسی میدونه راهنمایی کنه؟؟
funpatogh
جمعه 14 آبان 1389, 15:57 عصر
وقتی که چک باکس تیک بخوره 2 تا تکست باکس فعال می شوند و وقتی که تیک چک باکس برداشته شود 2 تا تکست باکس غیر فعال می شوند


<html>
<head>
<script language="javascript">
function enabletextbox()
{
if (document.getElementById('tik').checked)
{
document.getElementById('t1').disabled=false;
document.getElementById('t2').disabled=false;
}
else
{
document.getElementById('t1').disabled=true;
document.getElementById('t2').disabled=true;
}
}
</script>
</head>
<body>
<form id="dropDownForm" name="dropDownForm">
<input type="checkbox" id="tik" onclick="enabletextbox();"><br>
<input type="text" id="t1" disabled><br>
<input type="text" id="t2" disabled>
</form>
</body>
</html>
baran_programmer
شنبه 15 آبان 1389, 11:29 صبح
سلام ممنون از اینکه کمکم کردین
فقط چون من با جاوا اسکریپت کار نکردم اگه ممکنه توضیح بدین دستور
getElementById
چکار میکنه؟
funpatogh
شنبه 15 آبان 1389, 19:54 عصر
getElementById('tik')

اشاره به یک المنت به اسم tik میکنه که میتونیم با
getElementById('tik').value مقدارش رو بگیریم value
mehdi.mousavi
دوشنبه 17 آبان 1389, 16:25 عصر
سلام.
من کد شما رو Refactor کردم، بهتره کدتون رو بدین شکل بنویسید تا خواناتر شده و البته حجمش هم کمتر بشه:


function enabletextbox() {
var checked = document.getElementById('tik').checked;
document.getElementById('t1').disabled = !checked;
document.getElementById('t2').disabled = !checked;
}


موفق باشید.
azarbara
یک شنبه 26 مرداد 1393, 11:25 صبح
با عرض معذرت که این تاپیک قدیمی رو بالاآوردم
من می خوام دقیقا این کار با انتخاب یک دراپ داون به جای چک باکس انجام بشه. یعنی یه دراپ داون با دو تا option که اگه یکی از آپشن ها انتخاب شد تکست باکس ها فعال و با انتخاب اون یکی غیرفعال بشن
از دوستان خواهشمندم کمک کنن!