एक रूप में कई रेडियो बटन समूह

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

यदि मूल्य हर बार "" बराबर होता है, तो मुझे कैसे पता चलेगा कि कौन सा रेडियो बटन चुना गया था? मुझे कैसे पता चलेगा कि रेडियो बटन को चुना गया था?

— user3182532

अपना स्वयं का मान डालें

— pankijs

Answer 2

बस एक काम करो, हमें उसी प्रकार के लिए नाम की संपत्ति निर्धारित करने की आवश्यकता है। उदाहरण के लिए।

नीचे कोशिश करें:

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

और हम इसे angular1, angular 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

आदानों का एक समूह बनाने के लिए आप एक कस्टम HTML तत्व बना सकते हैं

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" >