چگونه با d-block برای نمایش یک عنصر با جاواسکریپت به کار ببریم؟
https://lamtakam.com/qanda/2482/چگونه-با-d-block-برای-نمایش-یک-عنصر-با-جاواسکریپت-به-کار-ببریم؟ 1من از بوتاسترپ 4.3.1 استفاده میکنم. و من 4 تا input type=radio
دارم برای چگونگی آشنایی با فلان سایت به نام های
- گوگل
- دوستان و آشنایان
- تبلیغات
- بازاریاب
وقتی کاربر بر روی بازاریاب
کلیک کرد عنصر referral_code
براش نمایش داده بشه که بتونه کد معرف بازاریاب رو وارد کنه.
<div class="form-group row d-none" id="referral_code">
<label for="referral_code">Referral Code</label>
<div class="col-md-10">
<input id="referral_code" type="text" class="form-control" name="referral_code">
</div>
</div>
<input class="form-check-input" type="radio" name="familiar" id="google" value="1">
<input class="form-check-input" type="radio" name="familiar" id="friends" value="2">
<input class="form-check-input" type="radio" name="familiar" id="advertising" value="3">
<input class="form-check-input" type="radio" name="familiar" id="marketer" value="4">
$("#marketer").click(function() {
$('#referral_code').toggleClass('d-block');
});
رادیوی marketer همین بازاریاب است.
1 | ببینید استفاده از toggleClass اشتباه هستش برای این چیزی که شما دنبالش هستید. toggleClass رو شما روی کلیک المنت #marketer ست کردید، یعنی وقتی روی اون دکمه کلیک میکنید، یک بار کلاس d-block اضافه میشه، و دوباره که روش کلیک میکنید اون کلاس حذف میشه. منطقی نیست این چیزی باشه که شما میخواید. احتمالا شما میخواید وقتی روش کلیک کرد کلاس مذکور اضافه بشه، وقتی روی یه دکمه دیگه کلیک کرد کلاس مدکور از بین بره. پس نباید از toggleClass استفاده کنید. ــ سروش قادری نسب در 5 سال قبل |