चेक किए गए अनुसार रेडियो बटन पर एक प्रारंभिक मान असाइन करें

Question

मैं प्रारंभ में HTML में चेक किए गए रेडियो बटन का मूल्य कैसे बताऊं?

Answer 1

आप इसके लिए checkedविशेषता का उपयोग कर सकते हैं :

<input type="radio" checked="checked">

Comments

आप केवल उस विशेषता का उल्लेख कर सकते हैं जिसमें कोई मान निर्दिष्ट नहीं है <इनपुट प्रकार = "रेडियो" चेक किया गया

— niksvp

@niksvp मेरा मानना ​​है कि चेक किया गया = "चेक किया गया" रेडियो बटन को प्री-चेक करने का वैध तरीका है - सिर्फ "चेक" का उपयोग करना वैध HTML नहीं है (अधिकांश ब्राउज़रों द्वारा समर्थित होने के बावजूद)

— मैट हीली

@matthewh - nah, आप इसका उपयोग केवल "चेक किए गए" पर कर सकते हैं और यह मान्य HTML (हालांकि मान्य XHTML नहीं है)। व्यक्तिगत रूप से मैं 'चेक किया हुआ = "चेक किया हुआ" "पसंद करता हूं, लेकिन आपको इसका उपयोग करने की आवश्यकता नहीं है ... वास्तव में, इसका उपयोग करने के खिलाफ काफी मजबूत मामला है।

— अलागी टेलर

Answer 2

आप बस उपयोग कर सकते हैं:

<input type="radio" checked />

बिना किसी मूल्य को बताए जाँच की गई विशेषता का उपयोग करना वैसा ही है checked="checked"।

Comments

जैसा कि @Matt Healey ने कहा, विशेषता के बिना जाँच का उपयोग करना मान्य HTML नहीं है

— Salvob

@salvob गलत यह एक्स एचटीएमएल मान्य नहीं है , हालांकि यह एचटीएमएल 5 के लिए पूरी तरह से वैध है जो कि एक मानक के रूप में वैश्विक है क्योंकि कुछ भी कभी भी होगा।

— क्रिस मैरिसिक

Answer 3

मैंने इस उत्तर को एक ऐसे ही प्रश्न पर रखा है जिसे इस प्रश्न के डुप्लिकेट के रूप में चिह्नित किया गया था। जवाब ने लोगों की एक अच्छी मात्रा में मदद की है इसलिए मैंने सोचा कि मैं इसे सिर्फ मामले में भी जोड़ दूंगा।

यह वास्तव में सवाल का जवाब नहीं देता है, लेकिन इसे हासिल करने की कोशिश कर रहे AngularJS का उपयोग करने वाले किसी भी व्यक्ति के लिए, उत्तर थोड़ा अलग है। और वास्तव में सामान्य उत्तर काम नहीं करेगा (कम से कम यह मेरे लिए नहीं था)।

आपका html सामान्य रेडियो बटन के समान सुंदर दिखेगा:

<input type='radio' name='group' ng-model='mValue' value='first' />First
<input type='radio' name='group' ng-model='mValue' value='second' /> Second

अपने नियंत्रक में आपने घोषित किया होगा mValueकि रेडियो बटन के साथ जुड़ा हुआ है। इन रेडियो बटनों में से एक को रद्द करने के लिए, $scopeसमूह से जुड़े चर को वांछित इनपुट मान पर असाइन करें :

$scope.mValue="second"

इससे पृष्ठ लोड करने पर "दूसरा" रेडियो बटन चुना जाता है।

Comments

वास्तव में! उपरोक्त उत्तर कोणीय जेएस के साथ काम नहीं करते हैं। आपके जवाब से मेरी समस्या हल हो गई। धन्यवाद! :)

— मिताक्ष गुप्त

Answer 4

किसी Angular2 (2.4.8) समाधान की तलाश में किसी के लिए, क्योंकि यह खोज करते समय एक सामान्य रूप से लोकप्रिय सवाल है:

<div *ngFor="let choice of choices">
  <input type="radio" [checked]="choice == defaultChoice">
</div>

यह checkedस्थिति को दिए गए इनपुट में विशेषता जोड़ देगा , लेकिन यदि स्थिति विफल होती है तो कुछ भी नहीं जोड़ेगा।

ऐसा न करें:

[attr.checked]="choice == defaultChoice"

क्योंकि यह विशेषता checked="false"को हर दूसरे इनपुट तत्व में जोड़ देगा ।

चूंकि ब्राउज़र केवल checkedविशेषता ( कुंजी ) की उपस्थिति की तलाश करता है , इसके मूल्य को अनदेखा करता है, इसलिए समूह में अंतिम इनपुट की जांच की जाएगी।

Answer 5

रेडियो बटन पर डिफ़ॉल्ट रूप से जांचा हुआ सेट करने का दूसरा तरीका, खासकर अगर आप कोणीयरज का उपयोग कर रहे हैं, तो 'एनजी-चेक किए गए' झंडे को "सच" पर सेट कर रहा है जैसे: <input id="d_man" value="M" ng-disabled="some Value" type="radio" ng-checked="true">मैन

जाँच की = "जाँच" मेरे लिए काम नहीं किया ..

Comments

कारण ng-checked="true"कोणीय जीवों के प्रदर्शनों से है।

— अगस्त

या नियंत्रक मॉडल को "सही" पर सेट करें। यह देखें कि आपने इसे स्ट्रिंग पर सेट किया है, बूलियन के लिए नहीं!

— थॉमस डेविड केहो

Answer 6

ध्यान दें कि यदि आपके पास एक ही "नाम" विशेषता के साथ दो रेडियो बटन हैं और उनके पास "आवश्यक" विशेषता है, तो उन्हें "चेक" विशेषता जोड़कर उन्हें चेक नहीं किया जाएगा।

उदाहरण: इससे दोनों रेडियो बटन अनियंत्रित रहते हैं।

<input type="radio" name="gender" value="male" required <?php echo "checked"; ?>/>
<input type="radio" name="gender" value="female" required />

यह "पुरुष" रेडियो बटन की जाँच करेगा।

<input type="radio" name="gender" value="male" <?php echo "checked"; ?>/>
<input type="radio" name="gender" value="female" />

Answer 7

मैं पार्टी में थोड़ा देर से आया और मुझे पता है कि ओपी ने html कहा है, लेकिन अगर आपको एमवीसी में ऐसा करने की आवश्यकता है तो आप trueतीसरे पैराम में सेट कर सकते हैं ।

उदाहरण के लिए:

    <p>Option One :@Html.RadioButton("options", "option1", true})</p>
    // true will set it checked

     <p>Option Two :@Html.RadioButton("options", "option2"})</p>
     //nothing will leave it unchecked

Answer 8

यदि आप अपने आवेदन के लिए प्रतिक्रिया-रिडक्स का उपयोग कर रहे हैं और यदि आप डेटा दिखाना चाहते हैं जो कि रेडक्स स्टोर में है, तो आप नीचे दिए गए "चेक" विकल्प को सेट कर सकते हैं।

<label>Male</label>

 <input
   type="radio"
   name="gender"
   defaultChecked={this.props.gender == "0"}
 />



 <label>Female</label>
 <input
   type="radio"
   name="gender"
   defaultChecked={this.props.gender == "1"}
 />