الفريق العربي للبرمجةأرشيف المنتديات · 2000 – 2023
نسخة أرشيفية للقراءة فقط — التسجيل والمشاركة مغلقان، والمحتوى محفوظ كما كان.

مشكلة تفعيل القائمة "select" أو إلغائها عند الضغط على اكثر من خيار "checkbox"

بدأه sada_rohak في 12 أكتوبر 2013 · 9 رد · 939 مشاهدة · في قسم البرمجة بــ Javascript
مشاركة: واتساب X فيسبوك تيليجرام
#1 صاحب الموضوع

السلام عليكم

 

عندي مشكلتين في تفعيل القائمه أو إلغائها في حالة الضغط على الخيارات من نوع checkbox

 

فمثلا عندي خيارين checkbox واريد عند اختيار احدها ان تبقى القائمه مفعله لا ان تلغى بمجرد رفع التأشير عن احد الخيارين

 

المشكله الثانيه في حالة كون احد الخيارين او كلاهما مفعل بشكل تلقائي عند فتح الصفحه اريد للقائمه ان تكون ظاهره

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js" type="text/javascript"></script>


<script type="text/javascript" >

function toggleSelection(e){
    var el = '#' + e.data;
    console.log(arguments);
    if (this.checked) {
        $(el).removeAttr('disabled');
    } else {
    	$(el).attr('disabled', 'disabled');
        
    }
}

$(function() {
    $('#worldcb').click('worldSelect', toggleSelection);
});

$(function() {
    $('#worldcb1').click('worldSelect', toggleSelection);
});


</script>


<select disabled name="product"  id="worldSelect">
<option>Books</option>
</select>

<input id="worldcb1" name="s1" class="selectedId" type="checkbox" checked/>
<input id="worldcb2" name="s1" class="selectedId" type="checkbox"/>

رابط الكود

 

http://jsfiddle.net/4kFPu/1/

#2

للرفع

#3

اخي انا شفت الكود في الموقع والكود واضح وين المشكلة عندك ..

تم تعديل هذه المشاركة بواسطة mr.coder في 13 أكتوبر 2013 في 17:59

 لا اله الا الله محمد رسول الله

#4
mr.coder كتب:

اخي انا شفت الكود في الموقع والكود واضح وين المشكلة عندك ..

 

ذكرت المشكلتين يالغالي بنفس الموضوع

 

المشكله الأولى أول ما تفتح الصفحه لاحظ ان احد الخيارين مؤشر افتراضيا المفروض تكون القائمه مفعله لأن أحد الخيارين مفعل

 

المشكله الثانيه في حالة تفعيل الخيارين ومن ثم إلغاء تفعيل أحدها تختفي القائمه والمفروض تبقى مفعله لأن أحدهما مفعل

 

يعني المطلوب أنو تكون القائمه مفعله في حالة تفعيل أحد الخيارين أو كلاهما

 

وشكرا جزيلا لتفاعلك مع الموضوع

#5

السلام عليكم

 

الكود التالي لما تريد فعله :

<!DOCTYPE html>
<html dir="rtl">
<head>
    <meta charset="utf-8">
</head>
<body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" >
$(function() {
    $('#worldcb1, #worldcb2').click(function(){
        if($('.selectedId:checkbox:checked').length > 0){
            $('#worldSelect').removeAttr('disabled');
        }else{
            $('#worldSelect').attr('disabled', 'disabled');
        }
    });
});
</script>
<select name="product"  id="worldSelect">
<option>Books</option>
</select>
<input id="worldcb1" name="s1" class="selectedId" type="checkbox" checked/>
<input id="worldcb2" name="s1" class="selectedId" type="checkbox"/>
</body>
</html>
1

لاتحسبن العلم ينفع وحده مالم يتوج ربه بخلاق

لا إله إلا أنت سبحانك إني كنت من الظالمين

#6
ahmedsaoud31 كتب:

 

السلام عليكم

 

الكود التالي لما تريد فعله :

<!DOCTYPE html>
<html dir="rtl">
<head>
    <meta charset="utf-8">
</head>
<body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" >
$(function() {
    $('#worldcb1, #worldcb2').click(function(){
        if($('.selectedId:checkbox:checked').length > 0){
            $('#worldSelect').removeAttr('disabled');
        }else{
            $('#worldSelect').attr('disabled', 'disabled');
        }
    });
});
</script>
<select name="product"  id="worldSelect">
<option>Books</option>
</select>
<input id="worldcb1" name="s1" class="selectedId" type="checkbox" checked/>
<input id="worldcb2" name="s1" class="selectedId" type="checkbox"/>
</body>
</html>

 

 

الله يحرم الايدين وصاحبهم النار

 

جزاك الله خيرا اخي الكريم

#7
sada_rohak كتب:

الله يحرم الايدين وصاحبهم النار

 

جزاك الله خيرا اخي الكريم

 

فيه مشكله اخرى اخي العزيز وهي لو دخلت للصفحه وما فيه ولا خيار مفعل مسبقا تطلع القائمه ظاهره والمفروض تكون مختفيه

 

والمعذره على الازعاج

#8

لحل هذا ضع نفس الشرض عند حدث إكتمال تحميل الصفحة أي خارج حدث الضغط بالماوس على عنصر الإختيار فيكون الكود كالتالي :

<script type="text/javascript" >
$(function() {
    if($('.selectedId:checkbox:checked').length > 0){
        $('#worldSelect').removeAttr('disabled');
    }else{
        $('#worldSelect').attr('disabled', 'disabled');
    }
    $('#worldcb1, #worldcb2').click(function(){
        if($('.selectedId:checkbox:checked').length > 0){
            $('#worldSelect').removeAttr('disabled');
        }else{
            $('#worldSelect').attr('disabled', 'disabled');
        }
    });
});
</script>
1

لاتحسبن العلم ينفع وحده مالم يتوج ربه بخلاق

لا إله إلا أنت سبحانك إني كنت من الظالمين

#9
ahmedsaoud31 كتب:

 

لحل هذا ضع نفس الشرض عند حدث إكتمال تحميل الصفحة أي خارج حدث الضغط بالماوس على عنصر الإختيار فيكون الكود كالتالي :

<script type="text/javascript" >
$(function() {
    if($('.selectedId:checkbox:checked').length > 0){
        $('#worldSelect').removeAttr('disabled');
    }else{
        $('#worldSelect').attr('disabled', 'disabled');
    }
    $('#worldcb1, #worldcb2').click(function(){
        if($('.selectedId:checkbox:checked').length > 0){
            $('#worldSelect').removeAttr('disabled');
        }else{
            $('#worldSelect').attr('disabled', 'disabled');
        }
    });
});
</script>

 

 

ما شاء الله , الله يزيدك من علمه

 

شكرا جزيلا

#10

بوركت , اللهم آمين , ولك بالمثل وزيادة

لاتحسبن العلم ينفع وحده مالم يتوج ربه بخلاق

لا إله إلا أنت سبحانك إني كنت من الظالمين

مواضيع مشابهة

عدد الزوار حالياً

المتواجدون خلال آخر دقيقتين · يتحدّث كل ٣٠ ثانية

—الإجمالي—أعضاء مسجّلون—زوار بدون تسجيل

جارٍ التحقق من المتواجدين…