مبتدی: ظاهر شدن دکمه با تیک زدن در چک باکس [بایگانی]

yuttrim20

یک شنبه 10 اردیبهشت 1391, 18:07 عصر

فرض کنین سه تا چک باکس وجود داره که رو به روی هر کدوم یه دکمه میخوام کاری کنم که تا وقتی چک باکس انتخاب نشده دکمه غیر فعال باشه و اگر چک باکس انتخاب شد دکمه فعال شود
باید چیکا کنم؟

Hamid.RDN

دوشنبه 11 اردیبهشت 1391, 00:02 صبح

دوست خوبم این کار با javascript انجام میشه کد کامل و فایل دمو رو واسستون میزارم

86475

<html>
<head>
<title>Checkbox</title>
<script>
function checkIt(el)
{
if(el.checked)
el.nextSibling.disabled = false;
else
el.nextSibling.disabled = true;
}
</script>
</head>

<body>
<form>
چک باکس ۱<input type="checkbox" onclick="checkIt(this)" /><input type="button" value="دکمه ۱" disabled="true" />
<br>
چک باکس ۲<input type="checkbox" onclick="checkIt(this)" /><input type="button" value="دکمه ۲" disabled="true" />
<br>
چک باکس ۳<input type="checkbox" onclick="checkIt(this)" /><input type="button" value="دکمه ۳" disabled="true" />
</form>
</body>
</html>

yuttrim20

دوشنبه 11 اردیبهشت 1391, 00:07 صبح

دوست خوبم این کار با javascript انجام میشه کد کامل و فایل دمو رو واسستون میزارم

86475

<html>
<head>
<title>Checkbox</title>
<script>
function checkIt(el)
{
if(el.checked)
el.nextSibling.disabled = false;
else
el.nextSibling.disabled = true;
}
</script>
</head>

<body>
<form>
چک باکس ۱<input type="checkbox" onclick="checkIt(this)" /><input type="button" value="دکمه ۱" disabled="true" />
<br>
چک باکس ۲<input type="checkbox" onclick="checkIt(this)" /><input type="button" value="دکمه ۲" disabled="true" />
<br>
چک باکس ۳<input type="checkbox" onclick="checkIt(this)" /><input type="button" value="دکمه ۳" disabled="true" />
</form>
</body>
</html>
خیلی ممنون لطف کردین دقیقا همون چیزی بود که میخواستم :لبخند:

yuttrim20

دوشنبه 11 اردیبهشت 1391, 00:23 صبح

دوست خوبم این کار با javascript انجام میشه کد کامل و فایل دمو رو واسستون میزارم

86475

<html>
<head>
<title>Checkbox</title>
<script>
function checkIt(el)
{
if(el.checked)
el.nextSibling.disabled = false;
else
el.nextSibling.disabled = true;
}
</script>
</head>

<body>
<form>
چک باکس ۱<input type="checkbox" onclick="checkIt(this)" /><input type="button" value="دکمه ۱" disabled="true" />
<br>
چک باکس ۲<input type="checkbox" onclick="checkIt(this)" /><input type="button" value="دکمه ۲" disabled="true" />
<br>
چک باکس ۳<input type="checkbox" onclick="checkIt(this)" /><input type="button" value="دکمه ۳" disabled="true" />
</form>
</body>
</html>
نمیشه به جای ان که چک باکس1 بیرون تگ باشه یک جوری بره داخل تگ؟
نقش
nextSibling چیه توی:

el.nextSibling.disabled = false;

Hamid.RDN

دوشنبه 11 اردیبهشت 1391, 00:46 صبح

شما میتونید چک باکس ۱ رو توی هر تگی بزارید

nextSibling هم اشاره به تگ بعدی هم رده داره

yuttrim20

دوشنبه 11 اردیبهشت 1391, 10:03 صبح

شما میتونید چک باکس ۱ رو توی هر تگی بزارید

nextSibling هم اشاره به تگ بعدی هم رده داره
من به جای
چک باکس ۱<input type="checkbox" onclick="checkIt(this)" />
اینو نوشتم

<input type="checkbox" onclick="checkIt(this)" />چک باکس ۱
اما کار نکرد:ناراحت: