نمایش نسخه قابل چاپ
سلام اساتید. در حال طراحی یک فرم استخدام هستم. قراره برای اینکه صفحه زیاد شلوغ نشه فیلدهایی رو که کاربر با "بله" پاسخ میده نمایش بدیم. به عنوان مثال، بپرسیم آیا مایل به کسب مهارت هستید؟ در حالت پیش فرض فقط گزینه "بله" و "خیر" نمایش داده میشه و اگر کاربر "بله" رو از طریق تگ radio انتخاب کنه پایین اون، جدول مربوطه نمایش داده بشه. امیدوارم منظورم رو تونسته باشم برسونم.
اگر کد جاوااسکریپتش رو دارین با بلد هستین خوشحال میشم کمکم کنید. سپاس فراوان
سلام، المنت رو بگیرید اگر true بود هرکار میخواید باهاش بکنید :
کد:document.getElementById("red").checked = true;
سلام. ممنون از پاسختوننقل قول:
نوشته اصلی توسط T.Toosi
میشه بیشتر توضیح بدین؟ "red" چه معنی میده اینجا؟ اگه لازم میدونین بگید یه قطعه کد از فرم رو بزارم. مرسی
یک فرم با سه تا رادیو داریم یکیش آیدی red داره.
حالا داخل یک شرط radio ای که با آیدی red نوشتیم چک میکنیم تیکش خورده یا نه.کد:<form action="">
<input type="radio" id="red" name="gender" value="male"> Male<br>
<input type="radio" name="gender" value="female"> Female<br>
<input type="radio" name="gender" value="other"> Other
</form>
کد:if(document.getElementById("red").checked == true ) alert("ok");
ممنون از شما ولی من هنوز برای نمایش فیلد مورد نظر مشکل دارم. فرض کنید کد مقابل رو داریم:
میخوام در حالت پیش فرد تگ text نمایش داده نشه، فقط زمانی که کاربر گزینه No رو انتخاب میکنه text رو بتونه ببینه. اگه بتونید کمک کنید بی نهایت ممنون میشمکد:<p>Are you ok?</p>
<input name="ins" type="radio" id="CommentShenasname" value="readonly" onclick="javascript:instance('enabled_chk');" checked="checked" />
<label for="readonly">yes</label>
<input name="ins" type="radio" id="CommentShenasname" value="disabled" onclick="javascript:instance('disabled_chk');" />
<label for="disabled">no</label>
<input id="txtcommentshenasname" class="inputbox" type="text" />
از تگ text منظورتون
<input id="txtcommentshenasname" class="inputbox" type="text" />
هست ؟
بله همین منظورمهنقل قول:
نوشته اصلی توسط T.Toosi
کد:function show() {
document.getElementById("txtcommentshenasname").style.display ="block";
}
function notshow() {
document.getElementById("txtcommentshenasname").style.display ="none";
}
<p>Are you ok?</p>
<input name="ins" type="radio" id="CommentShenasname" value="readonly" onclick="javascript:notshow();" checked="checked" />
<label for="readonly">yes</label>
<input name="ins" type="radio" id="CommentShenasname" value="disabled" onclick="javascript:show();" />
<label for="disabled">no</label>
<input id="txtcommentshenasname" class="inputbox" type="text" style="display:none;"/>
دم شما گرم. بینهایت ممنون کارمو راه انداختی. مرسی :53: