अगर कोई चेकबॉक्स चेक किया है तो मैं कैसे जांच कर सकता हूं?


186

मैं jQuery मोबाइल के साथ एक मोबाइल वेब ऐप बना रहा हूं और मैं चेकबॉक्स की जांच करना चाहता हूं। यहाँ मेरा कोड है।

<script type=text/javascript>
  function validate(){
    if (remember.checked == 1){
      alert("checked") ;
    } else {
      alert("You didn't check it! Let me check it for you.")
    }
  }
</script>

<input id="remember" name="remember" type="checkbox" onclick="validate()" />

लेकिन किसी कारण या किसी अन्य के लिए इसे निष्पादित नहीं करता है।

कृपया सहायता कीजिए !

---- EDIT ----- फिलहाल मेरे पास यही है।

<DIV data-role="content" data-theme="g">
    <DIV class=ui-grid-g-login>
        <FORM method=post action=[$=PROBE(266)/] data-theme="C">
            <P>~DATA_ERROR~</P>
            <div id="mail" data-role="fieldcontain">
                <label for="mail">Email:*</label>       
                <input id="mail" name="mail" type="email" />
            </div>
            <div id="pass" data-role="fieldcontain">
                <label for="pass">Paswoord:*</label>        
                <input id="pass" name="pass" type="password" />
            </div>
            <div id="remember" data-role="fieldcontain">
                <label for="remember">Onthoud mij</label>       
                <input id="remember" name="remember" type="checkbox" onclick="validate()" />
            </div>
            <P><INPUT class=btn name=submit value=Login type=submit  onclick="validate()"></P>  
        </FORM>
    </DIV>
</DIV><!-- /content -->

<script type=text/javascript>
function validate(){
    var remember = document.getElementById('remember');
    if (remember.checked){
        alert("checked") ;
    }else{
        alert("You didn't check it! Let me check it for you.")
    }
}
</script>

---- EDIT--

इसे हल किया, समस्या यह थी कि इस क्षेत्र का नाम भी 'याद' रखा गया था


1
rememberइस संदर्भ में क्या है : if (remember.checked == 1){???
PeeHaa

बाद में इसे ईमेल और पासवर्ड याद रखना चाहिए। यह एक लॉगिन पेज के लिए है
स्टेपहेन

मैं क्या कहने की कोशिश कर रहा हूँ वह यह है कि rememberहै undefinedकि संदर्भ में। कोशिश करो console.log(remember);
PeeHaa

आप HTML के किस संस्करण का उपयोग कर रहे हैं? यह वास्तव में एक्सएचटीएमएल नहीं है, क्या यह है?
श्री लिस्टर

जवाबों:


271

checkedहै booleanतो आप सीधे में उपयोग कर सकते हैं संपत्ति IFहालत: -

 <script type="text/javascript">
    function validate() {
        if (document.getElementById('remember').checked) {
            alert("checked");
        } else {
            alert("You didn't check it! Let me check it for you.");
        }
    }
    </script>

2
मुझे हमेशा संदेश मिलता है 'आपने इसकी जाँच नहीं की! मुझे इसकी जांच करने दो। '
स्टिफ़नेन

मेरे लिए इसके ठीक काम नोप; मुझे दोनों अलर्ट संदेश मिल रहे हैं।
प्रणव

@Steaphann क्या आपने अपने चेकबॉक्स आईडी से 'याद' शब्द को बदल दिया है? ... ओह, बस 2012 0.o पर ध्यान दिया ... ps आप 2-चेतावनी के बयान के बाद अर्ध-बृहदान्त्र भूल गए
josh.thomson

.. क्या होगा अगर मैं इसे मेरे लिए जाँचना नहीं चाहता हूँ और मैं सिर्फ यह देखना चाहता हूँ कि यह जाँच है या नहीं?
मार्क क्रेमर

@ josh.thomson अर्ध-कॉलोन वैकल्पिक हैं।
kojow7

61

इसे इस्तेमाल करे:

function validate() {
  var remember = document.getElementById("remember");
  if (remember.checked) {
    alert("checked");
  } else {
    alert("You didn't check it! Let me check it for you.");
  }
}

आपकी स्क्रिप्ट को पता नहीं है कि चर क्या rememberहै। आपको पहले getElementById () का उपयोग करके तत्व प्राप्त करना होगा।


आपको यह पट्टी करने की सलाह भी देनी चाहिए == 1। इसकी केवल दो त्रुटियों के कारण काम करना। वास्तव में मूल्य है trueया false, वह बस का उपयोग करना चाहिएif( remeber.checked )
jAndy

मुझे हमेशा संदेश मिलता है 'आपने इसकी जाँच नहीं की! मुझे इसकी जांच करने दो। '
स्टैफैन

16

यह आपको यह जाँचने की अनुमति देता है कि तत्व क्या id='remember'है'checked'

if (document.getElementById('remember').is(':checked')

3
isDOM तत्व ऑब्जेक्ट से संबंधित नहीं है
amsellem

10
.is()- एक jQuery फ़ंक्शन है। .checkedजावास्क्रिप्ट है।
अधिकतम कपलान

8

यदि आप मोबाइल ऐप के लिए इस फॉर्म का उपयोग कर रहे हैं तो आप आवश्यक विशेषता html5 का उपयोग कर सकते हैं। आप इसके लिए किसी भी जावा स्क्रिप्ट सत्यापन का उपयोग नहीं करना चाहते हैं। यह काम करना चाहिए

<input id="remember" name="remember" type="checkbox" required="required" />

5

इस तरह का उपयोग करें

<script type=text/javascript>
function validate(){
if (document.getElementById('remember').checked){
          alert("checked") ;
}else{
alert("You didn't check it! Let me check it for you.")
}
}
</script>

<input id="remember" name="remember" type="checkbox" onclick="validate()" />

1
मुझे हमेशा संदेश मिलता है 'आपने इसकी जाँच नहीं की! मुझे इसकी जांच करने दो। '
स्टीपन

@ user1251632 WFM भी। क्या आप अपना प्रश्न संपादित कर सकते हैं और दिखा सकते हैं कि अब आपके पास क्या है? शायद आपने एक कॉपी और पेस्ट त्रुटि की थी।
श्री लिस्टर

document.getElementById ('याद रखें')। चेक किया गया == 1 ने मेरी टिप्पणी को बदल दिया। यह समस्या हो सकती है।
hkutluay

4

मैं इसका उपयोग कर रहा हूं और यह मेरे लिए Jquery के साथ काम करता है :

jQuery:

var checkbox = $('[name="remember"]');

if (checkbox.is(':checked'))
{
    console.log('The checkbox is checked');
}else
{
    console.log('The checkbox is not checked');
}

बहुत सरल है, लेकिन काम है।

सादर!



3

इसके नीचे सरल कोड का उपयोग करें: https://jsfiddle.net/Divyesh_Patel/v7a4h3kr/7/

<input type="checkbox" id="check">
<a href="#" onclick="check()">click</a>
<button onclick="check()">button</button>
<script>
 function check() {
    		if (document.getElementById('check').checked) {
            alert("checked");
        } else {
            alert("Not checked.");
        }
       
    }

</script>


2

rememberअपरिभाषित है ... और checkedसंपत्ति एक बूलियन है एक संख्या नहीं है।

function validate(){
    var remember = document.getElementById('remember');
    if (remember.checked){
        alert("checked") ;
    }else{
        alert("You didn't check it! Let me check it for you.")
    }
}

2

यह काम करना चाहिए

    function validate() {
        if ($('#remeber').is(':checked')) {
            alert("checked");
        } else {
            alert("You didn't check it! Let me check it for you.");
        }
    }


0

इसके नीचे सरल कोड का उपयोग करें: https://jsfiddle.net/Divyesh_Patel/v7a4h3kr/7/

<input type="checkbox" id="check">
<a href="#" onclick="check()">click</a>
<button onclick="check()">
button
</button>
<script>
 function check() {
    		if (document.getElementById('check').checked) {
            alert("checked");
        } else {
            alert("You didn't check it! Let me check it for you.");
        }
       
    }

</script>


-1

इसे इस्तेमाल करे

<script type="text/javascript">
window.onload = function () {
    var input = document.querySelector('input[type=checkbox]');

    function check() {
        if (input.checked) {
            alert("checked");
        } else {
            alert("You didn't check it.");
        }
    }
    input.onchange = check;
    check();
}
</script>

-1

इसे पूरा करने के लिए आप JQuery के तरीकों का उपयोग कर सकते हैं:

<script type="text/javascript">
if ($('#remember')[0].checked) 
{
 alert("checked");
}
</script>
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.