এক ফর্মে একাধিক রেডিও বোতাম গ্রুপ

Question

একক আকারে একাধিক রেডিও বোতাম গোষ্ঠী রাখা কি সম্ভব? সাধারণত একটি বোতাম নির্বাচন করে পূর্ববর্তীটি নির্বাচন করা হয়, আমার কেবলমাত্র একটি গ্রুপের অনির্বাচিত হওয়া দরকার।

<form>
    <fieldset id="group1">
        <input type="radio" value="">
        <input type="radio" value="">
    </fieldset>

    <fieldset id="group2">
        <input type="radio" value="">
        <input type="radio" value="">
        <input type="radio" value="">
    </fieldset>
</form>

Comments

তাদের নাম দিন (যেমন<input type="checkbox" name="checkGroup1" value =""/>

— পল

Answer 1

nameএকটি গ্রুপ তৈরি করতে সমান গুণাবলী সেট করুন ;

<form>
  <fieldset id="group1">
    <input type="radio" value="value1" name="group1">
    <input type="radio" value="value2" name="group1">
  </fieldset>

  <fieldset id="group2">
    <input type="radio" value="value1" name="group2">
    <input type="radio" value="value2" name="group2">
    <input type="radio" value="value3" name="group2">
  </fieldset>
</form>

Comments

যদি মানটি প্রতিবার সমান হয়, তবে আমি কীভাবে জানব যে কোন রেডিও বোতামটি বেছে নেওয়া হয়েছিল? আমি কীভাবে জানব যে রেডিও বোতামটি আদৌ বেছে নেওয়া হয়েছিল?

— ব্যবহারকারী3182532

আপনার নিজস্ব মান

— sertোকান

Answer 2

কেবল একটি কাজ করুন, আমাদের একই ধরণের জন্য নাম সম্পত্তি সেট করতে হবে। যেমন।

নীচে চেষ্টা করুন:

<form>
    <div id="group1">
        <input type="radio" value="val1" name="group1">
        <input type="radio" value="val2" name="group1">
    </div>
</form>

এবং আমরা এটি কৌণিক 1, কৌণিক 2 বা jquery তেও করতে পারি।

<div *ngFor="let option of question.options; index as j">
<input type="radio" name="option{{j}}" value="option{{j}}" (click)="checkAnswer(j+1)">{{option}}
</div>  

Answer 3

এটি খুব সহজ আপনার প্রতিটি রেডিও ইনপুট গ্রুপের আলাদা আলাদা নাম রাখা দরকার।

      <input type="radio" name="price">Thousand<br>
      <input type="radio" name="price">Lakh<br>
      <input type="radio" name="price">Crore
      
      </br><hr>

      <input type="radio" name="gender">Male<br>
      <input type="radio" name="gender">Female<br>
      <input type="radio" name="gender">Other

Answer 4

ইনপুটগুলির একটি গোষ্ঠী তৈরি করতে আপনি একটি কাস্টম এইচটিএমএল উপাদান তৈরি করতে পারেন

window.customElements.define('radio-group', RadioGroup);

https://gist.github.com/robdodson/85deb2f821f9beb2ed1ce049f6a6ed47

প্রতিটি গ্রুপে নির্বাচিত বিকল্প রাখতে, আপনাকে গ্রুপের ইনপুটগুলিতে নামের বৈশিষ্ট্য যুক্ত করতে হবে, আপনি যদি এটি যোগ না করেন তবে সমস্তই একটি গ্রুপ।

Comments

আপনি কী কীভাবে এটি সমস্যার সমাধান করে তা নির্দিষ্ট করতে পারেন? এটিও কেবল একটি গোষ্ঠী তৈরি করে, আপনি যেভাবে এই গোষ্ঠী তৈরি করেন তা প্রতিটি গ্রুপের ইনপুটগুলিতে কি কোনও অনন্য নাম যুক্ত করে?

— মার্থিন ওলথোফ

Answer 5

ইনপুট ক্ষেত্রের মধ্যে নাম একই করা

<input type="radio" name="option" value="option1">
<input type="radio" name="option" value="option2" >
<input type="radio" name="option" value="option3" >
<input type="radio" name="option" value="option3" >