2011-04-08 19 views
503

मेरे पास कुछ रेडियो बटन हैं और मैं चाहता हूं कि उनमें से एक पृष्ठ को लोड होने पर डिफ़ॉल्ट रूप से चयनित के रूप में सेट किया जाए। मैं उसे कैसे कर सकता हूँ?डिफ़ॉल्ट रूप से रेडियो बटन का चयन कैसे करें?

<input type="radio" name="imgsel" value="" /> 

उत्तर

797

एक्सएचटीएमएल समाधान:

<input type="radio" name="imgsel" value="" checked="checked" /> 

कृपया ध्यान दें कि checked विशेषता के वास्तविक मूल्य वास्तव में बात नहीं करता है, यह "checked" असाइन करने के लिए सिर्फ एक सम्मेलन है। सबसे महत्वपूर्ण बात यह है कि "true" या "false" जैसे तारों का कोई विशेष अर्थ नहीं है।

आप एक्सएचटीएमएल अनुरूपता के लिए लक्ष्य नहीं है, तो आप के लिए कोड को आसान बनाने में कर सकते हैं:

<input type="radio" name="imgsel" value="" checked> 
+0

http://stackoverflow.com/questions/4711036/assign-an-initial-value-to-radio-button-as-checked –

+73

डुप्लिकेट यह है कि इसके साथ गॉचा को जानना उतना ही महत्वपूर्ण है: आपको इसकी आवश्यकता है सुनिश्चित करें कि इस रेडियो बटन समूह में कोई अन्य इनपुट मार्कअप चेक = "झूठा" नहीं है, न ही स्वयं द्वारा "चेक" किया गया है। अन्यथा, पृष्ठ पर दिखाई देने वाले अंतिम में से एक को चेक किया जाएगा। केवल वही जिसे आप डिफ़ॉल्ट रूप से चुनना चाहते हैं, उसमें कोई भी मार्कअप होना चाहिए जिसमें "चेक किया गया" हो। – nfriend21

+0

यदि समस्या बनी रहती है, तो आपको डिफ़ॉल्ट मान सेट करने के लिए ब्राउज़र को मजबूर करने के लिए विशेषता ** autocomplete = "off" ** जोड़नी चाहिए। –

81

जाँच की विशेषता का उपयोग करें।

<input type="radio" name="imgsel" value="" checked /> 

या

<input type="radio" name="imgsel" value="" checked="checked" /> 
+13

'<इनपुट प्रकार =" रेडियो "नाम =" imgsel "value =" "चेक =" झूठा "/>' बटन को चेक करने का भी कारण बनता है। – FutureNerd

+32

मैं केवल 'चेक' या 'चेक =" चेक किया गया "और ** जोर से **" सत्य "का उपयोग करने से बचने का सुझाव देता हूं क्योंकि इसका तात्पर्य है कि" झूठा "विपरीत होगा ... जो यह नहीं करता है। –

+3

पहली पसंद सही जवाब है। बूलियन विशेषताओं में मूल्य नहीं होना चाहिए। –

23

इस विशेषता जोड़ें:

checked="checked" 
14

वे बहुत ज्यादा यह वहाँ गया ... बस एक चेकबॉक्स की तरह, तुम सब करने की ज़रूरत विशेषता जाँच जोड़ने है = "चेक किया गया" जैसे:

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

। ..और आपको मिल गया।

चीयर्स!

61

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

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

+4

मुझे आश्चर्य हुआ कि स्वीकार्य उत्तर काम नहीं करता - जब तक कि मैं आपकी टिप्पणी नहीं पढ़ता। मैं भी AngularJS का उपयोग कर रहा हूँ, और यह एक इलाज किया! – James

+0

धन्यवाद !! आपके उत्तर ने मेरा कोड – tibelchior

+0

वाह बचाया है जैसे आप मेरे दिमाग को पढ़ते हैं। यह वह जवाब था जिसे मैं ढूंढ रहा था। धन्यवाद – digiwebguy

संबंधित मुद्दे