چگونگی نحوه نمایش یا عدم نمایش فیلد های مورد نظر

[aminbiba]

سلام اساتید. در حال طراحی یک فرم استخدام هستم. قراره برای اینکه صفحه زیاد شلوغ نشه فیلدهایی رو که کاربر با "بله" پاسخ میده نمایش بدیم. به عنوان مثال، بپرسیم آیا مایل به کسب مهارت هستید؟ در حالت پیش فرض فقط گزینه "بله" و "خیر" نمایش داده میشه و اگر کاربر "بله" رو از طریق تگ radio انتخاب کنه پایین اون، جدول مربوطه نمایش داده بشه. امیدوارم منظورم رو تونسته باشم برسونم.
اگر کد جاوااسکریپتش رو دارین با بلد هستین خوشحال میشم کمکم کنید. سپاس فراوان

[T.Toosi]

سلام، المنت رو بگیرید اگر true بود هرکار میخواید باهاش بکنید :


document.getElementById("red").checked = true;

[aminbiba]

سلام، المنت رو بگیرید اگر true بود هرکار میخواید باهاش بکنید :


document.getElementById("red").checked = true;

سلام. ممنون از پاسختون
میشه بیشتر توضیح بدین؟ "red" چه معنی میده اینجا؟ اگه لازم میدونین بگید یه قطعه کد از فرم رو بزارم. مرسی

[T.Toosi]

یک فرم با سه تا رادیو داریم یکیش آیدی 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>



حالا داخل یک شرط radio ای که با آیدی red نوشتیم چک میکنیم تیکش خورده یا نه.



if(document.getElementById("red").checked == true ) alert("ok");

[aminbiba]

ممنون از شما ولی من هنوز برای نمایش فیلد مورد نظر مشکل دارم. فرض کنید کد مقابل رو داریم:


<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>
&nbsp;
<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 نمایش داده نشه، فقط زمانی که کاربر گزینه No رو انتخاب میکنه text رو بتونه ببینه. اگه بتونید کمک کنید بی نهایت ممنون میشم

[T.Toosi]

از تگ text منظورتون

<input id="txtcommentshenasname" class="inputbox" type="text" />

هست ؟

[aminbiba]

از تگ 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;"/>

[aminbiba]

دم شما گرم. بینهایت ممنون کارمو راه انداختی. مرسی :53: