2011-01-17 12 views

उत्तर

121

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

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

आप भी सौंपा कोई मूल्य नहीं के साथ उस विशेषता का उल्लेख कर सकते हैं यानी niksvp

+1

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

+7

@matthewh - नहीं, आप केवल अपने "चेक किए गए" का उपयोग कर सकते हैं और यह वैध HTML है (हालांकि वैध एक्सएचटीएमएल नहीं है)। व्यक्तिगत रूप से मैं 'चेक = "चेक किया गया' 'पसंद करता हूं, लेकिन आपके पास इसका उपयोग करने के लिए * नहीं है ... वास्तव में, इसका उपयोग करके * एक मजबूत मामला * है। –

40

तुम बस का उपयोग कर सकते हैं:

<input type="radio" checked /> 

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

+0

@Matt Healey के रूप में, विशेषता के बिना चेक किए गए का उपयोग वैध HTML – salvob

+10

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

12

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

यह वास्तव में प्रश्न का उत्तर नहीं देता है लेकिन 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" 

यह "दूसरा" रेडियो बटन पेज लोड हो रहा है पर चयनित बनाता है।

+0

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

1

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

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

+0

कारण 'ng-check = "true" 'angularjs repertoire से है। – Augustas

+0

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

2

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

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

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

ऐसा नहीं है:

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

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

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

0

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

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

<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" /> 
संबंधित मुद्दे