कैसे "जाँच" करने के लिए कुछ चेक बॉक्स केवल सर्वर का उपयोग कर?

Question

कैसे "जाँच" करने के लिए कुछ चेक बॉक्स केवल सर्वर का उपयोग कर?

वोट

3

मैं के रूप में चेक बॉक्स युक्त एक HTML प्रपत्र है ..

<input type=checkbox name=range[] class=range_opts id=range-1 value=1 /> 1 <br />
<input type=checkbox name=range[] class=range_opts id=range-2 value=2 /> 2 <br />
<input type=checkbox name=range[] class=range_opts id=range-3 value=3 /> 3 <br />
        ...
        ...
<input type=checkbox name=range[] class=range_opts id=range-28 value=28 /> 28<br />
<input type=checkbox name=range[] class=range_opts id=range-29 value=29 /> 29<br />
<input type=checkbox name=range[] class=range_opts id=range-30 value=30 /> 30<br />

इस जे एस के साथ कोड मैं सभी चुनें या सभी उनके चेकबॉक्स अचयनित करें

$('#select_all_ranges').click(function() {
    $('input[name=range[]]').each(function() {
        this.checked = true;
    });
});
$('#deselect_all_ranges').click(function() {
    $('input[name=range[]]').each(function() {
        this.checked = false;
    });
});

लेकिन मैं, कार्यक्षमता जहां उपयोगकर्ता कुछ चेक बॉक्स का चयन किया है करने में सक्षम होगा की जरूरत इनपुट पर निर्भर करता है

    <input type=text name=from_range id=frm_range />
   <input type=text name=to_range id=to_range />
    <img src=icon.png id=range123 />

यदि ऐसा है तो 5 से 20 उपयोगकर्ता इनपुट और आइकन पर क्लिक करता है यह 5-20 से चेक बॉक्स की जाँच करता है।

क्या आप मुझे कुछ विचार है कि यह कैसे प्राप्त किया जा सकता कर सकते हैं। मैं कुछ वर्गों को लागू करने / selecter आईडी आदि मार्कअप को बदल सकते हैं आप सुझाव देते हैं, अगर यह इससे आसान होगा। और मैं समझता हूँ कि इस कार्यक्षमता जावास्क्रिप्ट सक्षम ब्राउज़र होने उपयोगकर्ताओं के लिए है।

धन्यवाद।

jquery html checkbox

03/07/2009 को 15:04
का स्रोत उपयोगकर्ता TigerTiger

अन्य भाषाओं में...

3 जवाब

वोट

1

कैसा रहेगा:

$('#range123').click(function() {
    var bottom = $("#frm_range").value;
    var top = $("#to_range").value;
    $('input[name="range[]"]').each(function() {
            this.checked = ((this.value > bottom) && (this.value < top));
    });
});

03/07/2009 को 15:11
का स्रोत उपयोगकर्ता Stobor

वोट

0

हाँ, आप बस की जांच कर सकते सूचकांक जबकि चेक बॉक्स का चयन:

$('#select_all_ranges').click(function() {
    var from = $('#frm_range').val();
    var to = $('#to_range').val();
    var expr = '.range_opts:gt(' + (from-2) + '):lt(' + (to-1) + ')';
    $(expr).attr("checked", true);
});

03/07/2009 को 15:16
का स्रोत उपयोगकर्ता Tim Büthe

cletus · Accepted Answer · 2009-07-03 15:15

वोट

3

पप्रश्न के लेखक ने इस जवाब को सबसे अच्छा माना।

$("#range123").click(function() {
  var from = $("#frm_range").val();
  var to = $("#to_range").val();
  var expr = ":checkbox.range_opts:lt(" + to + ")";
  if (from > 1) {
    expr += ":gt(" + (from-1) + ")";
  }
  $(expr).attr("checked", true);
});

03/07/2009 को 15:15
का स्रोत उपयोगकर्ता cletus