2012-10-03 21 views
42

एचटीएमएल कल्पना को देखा है, लेकिन सिर या यह की पूंछ नहीं कर सके: http://www.w3.org/TR/html5/the-input-element.html#attr-input-checkedएचटीएमएल 5 में चेकबॉक्स को चेक और अनचेक करने का सही तरीका क्या है?

एचटीएमएल (नहीं गतिशील रूप से) में एक चेकबॉक्स को चेक करने के लिए सही तरीका क्या है? अचिह्नित एक चेकबॉक्स का सही तरीका

checked="true" 
checked="checked" 

क्या है?

<input type="checkbox" /> with no checked attribute 
checked="false" 
checked="none" 

चेकबॉक्स को चेक/अनचेक करने के लिए HTML विनिर्देश कहां जांचें?

उत्तर

52
<input type="checkbox" checked="checked" /> 

या बस

<input type="checkbox" checked /> 

चेक किए गए चेकबॉक्स के लिए। अनचेक चेकबॉक्स के लिए कोई चेक किए गए विशेषता (<input type="checkbox" />)।

संदर्भ: http://www.w3.org/TR/html-markup/input.checkbox.html#input.checkbox.attrs.checked

+4

या '<इनपुट प्रकार =" चेकबॉक्स "चेक =" "/>' भी चेक किया गया है। –

7

<input type="checkbox" checked />

एचटीएमएल 5 विशेषताओं की आवश्यकता नहीं है मूल्यों

के लिए
+1

वास्तव में, यह एक जवाब नहीं है, वे पूछा, "क्या सही तरीका * अचिह्नित * एक चेकबॉक्स है?" – YakovL

1
<form name="myForm" method="post"> 
    <p>Activity</p> 
    skiing: <input type="checkbox" name="activity" value="skiing" checked="yes" /><br /> 
    skating: <input type="checkbox" name="activity" value="skating" /><br /> 
    running: <input type="checkbox" name="activity" value="running" /><br /> 
    hiking: <input type="checkbox" name="activity" value="hiking" checked="yes" /> 
</form> 
3

आप w3schools पर इस पेज का उल्लेख कर सकते लेकिन मूल रूप से आप में से किसी का उपयोग कर सकता:

<input checked> 
<input checked="checked"> 
<input checked=""> 
+0

ये सब चेक के लिए हैं? –

+0

हां वे हैं, कोशिश करें और आप –

+2

देखेंगे असल में, यह कोई जवाब नहीं है, उन्होंने पूछा, "एक चेकबॉक्स अनचेक करने का सही तरीका क्या है?" – YakovL

15

एचटीएमएल 5 ड्राफ्ट के अनुसार, checked विशेषता एक "boolean attribute", और "एक तत्व पर एक बूलियन विशेषता की उपस्थिति सही मूल्य का प्रतिनिधित्व करता है, और विशेषता के अभाव झूठी का प्रतिनिधित्व करता है मूल्य। "यह विशेषता का नाम है जो मायने रखता है, और पर्याप्त है। इस प्रकार, एक चेकबॉक्स शुरू में जांच कर ली है, तो आप उपयोग

<input type=checkbox checked> 

डिफ़ॉल्ट रूप से, checked विशेषता के अभाव में, एक चेकबॉक्स शुरू में अनियंत्रित है:

<input type=checkbox> 

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

<input type="checkbox" checked="checked" /> 
4

jQuery में:

चेकबॉक्स को चेक करने के लिए:

$("#checkboxid").attr("checked","checked"); 

अचिह्नित करें चेकबॉक्स:

$("#checkboxid").removeAttr("checked"); 

अन्य उत्तर समाधान में संकेत और आप बात दस्तावेज़ीकरण के लिए कि आगे खुदाई के बाद आप इस जवाब के लिए मिल जाएगा। जुक्का के। कोर्पेला का कारण यह सही जवाब है, मूल रूप से मैंने उसके लिंक का पालन किया और फिर उस परिणाम को प्राप्त करने के लिए jQuery दस्तावेज़ों को देखा।बस सोचा कि मैं भविष्य के लोगों को बचाऊंगा जो इस लेख को उन अतिरिक्त कदमों को ढूंढते हैं।

+1

आपको .prop(), नहीं .attr() का उपयोग करना चाहिए –

2

jQuery

जब प्राप्त करने में रॉबर्ट के जवाब http://jsfiddle.net/ak9Sb/ पूरक जवाब/चेकबॉक्स राज्य की स्थापना, एक इन phenomenons सामना कर सकते हैं:

.trigger("click"); 

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

.attr("checked", ""); 

चेकबॉक्स का चयन रद्द नहीं करता ...