वर्तमान में मेरे पास एक साधारण जेएस फ़ंक्शन है कि यदि उपयोगकर्ता 2,3,4 या 5 का चयन करता है तो 1 अचयनित है या यदि 1 चुना गया है तो 2,3,4 और 5 को अचयनित करें और संदेश दिखाएं।

मैं एक नया संदेश दिखाने के लिए स्क्रिप्ट का विस्तार करना चाहता हूं और यदि तीन से अधिक अन्य चयन चुने गए हैं तो 1 का चयन करें।

मैं नया संदेश दिखाने के लिए कोड का विस्तार कैसे कर सकता हूं और "एक" का चयन करने के लिए यदि 2 से अधिक विकल्प चुने गए हैं?

एचटीएमएल

<input type="checkbox" class="singlecheck"/>
one <br/>

<input type="checkbox" class="multicheck"/>
two <br/>

<input type="checkbox" class="multicheck"/>
three <br/>

<input type="checkbox" class="multicheck"/>
four <br/>

<input type="checkbox" class="multicheck"/>
five

<div id="warning" style="display:none">Two to five can not be selected whilst you have one selected</div>

<div id="warning-two" style="display:none">you have selected more than 2 options we have defaulted you to option 1</div>

जेएस

$('input[type="checkbox"]').on('click', function() {
    if($(this).hasClass('singlecheck')) {
       if($('input.multicheck').is(":checked")) {
         $('#warning').show();  
       }
       $('input.multicheck').prop('checked', false);
    } else {
      $('input.singlecheck').prop('checked', false);
      $('#warning').hide();
    }
});

पूर्ण कार्य प्रणाली

फिदेल

0
Beep 6 अक्टूबर 2016, 18:13

1 उत्तर

सबसे बढ़िया उत्तर

मूल रूप से, जब भी आप उनमें से किसी एक पर क्लिक करते हैं, तो आपको अपने चेक किए गए 'मल्टीचेक' को गिनना होगा, जो इस तरह किया जा सकता है:

if($('input.multicheck:checked').length>1) {
        $('#warning-two').show();
        $('input.singlecheck').prop('checked', true);
        $('input.multicheck:checked').prop('checked',false)
}
0
Nikita Rezepov 6 अक्टूबर 2016, 18:37
यह अच्छा लग रहा है, बीमार कोड चलाते हैं और जब मैं इसे काम करता हूं तो स्वीकार करता हूं, धन्यवाद
 – 
Beep
6 अक्टूबर 2016, 18:45