<!--begin inax-ir plugin-->
<div style="clear:both;">
            
<div class="row">
    <div class="col-lg-12">

            <div class="card shadow mb-4 p-2 border-default">
            <div class="card-header mb-2 p-2">
                <i class="fa fa-shopping-cart fa-fw"></i>
                خرید شارژ مستقیم                 <a class="btn btn-primary btn-sm btn-left text-decoration-none mx-1 inax-font" href="https://www.digikalaman.ir/main/"><i class="fa fa-home fa-fw"></i> صفحه اصلی فروشگاه</a>            </div>
            <div class="card-body mt-2 p-0">
                <div class="alert alert-primary">لطفا شماره موبایل و اپراتور تلفن همراه خود را انتخاب نمائید</div>

                                
                <form action="https://www.digikalaman.ir/topup/?" method="POST">
                    <input type="hidden" id="Token" name="Token" value="e8e8164cf6" /><input type="hidden" name="_wp_http_referer" value="/topup/?output_format=markdown" />

                    <div class="row row-cols-1 row-cols-sm-12 row-cols-md-12 g-12">
                        <div class="input-group mb-3">
                            <span class="input-group-text" id="basic-addon2"><i class="fa fa-phone fa-fw fa-1x"></i></span>
                            <input type="tel" class="form-control text-center" onmouseout="inax_check_numbers2('inlineFormInputGroup','topup');" onkeyup="inax_check_numbers2('inlineFormInputGroup','topup');" id="inlineFormInputGroup" maxlength="11" aria-label="شماره تلفن همراه" aria-describedby="basic-addon1" placeholder="شماره تلفن همراه" dir="ltr" name="mobile" value="" tabindex="1" required>
                        </div>
                    </div>

                    
                    <div class="album py-2 bg-light">
                        <div class="row row-cols-2 row-cols-sm-2 row-cols-md-4 g-3">
                            <div class="col text-center">
                                <div class="card shadow-sm border-2 card_MTN "><!-- border-warning -->
                                    <input   id="operator_MTN" type="radio" name="operator" class="hide-checkbox-circle" value="MTN" tabindex="3" />
                                    <label class="" for="operator_MTN" onclick="handle_checkbox('MTN');">
                                        <img class="bd-placeholder-img card-img-top operator_MTN gray_img" width="100%" height="auto" src="https://www.digikalaman.ir/wp-content/plugins/inax-ir/assets/images/mtn.png" class="card-img-top" alt="شارژ مستقیم ایرانسل">
                                    </label>
                                </div>
                            </div>
                            <div class="col text-center">
                                <div class="card shadow-sm border-2 card_MCI "><!-- border-info -->
                                    <input  id="operator_MCI" type="radio" name="operator" class="hide-checkbox-circle" value="MCI" tabindex="3" />
                                    <label class="" for="operator_MCI" onclick="handle_checkbox('MCI');">
                                        <img class="bd-placeholder-img card-img-top operator_MCI gray_img" width="100%" height="auto" src="https://www.digikalaman.ir/wp-content/plugins/inax-ir/assets/images/mci.png" class="card-img-top" alt="شارژ مستقیم همراه اول">
                                    </label>
                                </div>
                            </div>
                            <div class="col text-center ">
                                <div class="card shadow-sm border-2 card_RTL "><!-- border-perple -->
                                    <input  id="operator_RTL" type="radio" name="operator" class="hide-checkbox-circle" value="RTL" tabindex="3" />
                                    <label class="" for="operator_RTL" onclick="handle_checkbox('RTL');">
                                        <img class="bd-placeholder-img card-img-top operator_RTL gray_img" width="100%" height="auto" src="https://www.digikalaman.ir/wp-content/plugins/inax-ir/assets/images/rtl.png" class="card-img-top" alt="شارژ مستقیم رایتل">
                                    </label>
                                </div>
                            </div>
                            <div class="col text-center ">
                                <div class="card shadow-sm border-2 card_SHT "><!-- border-primary -->
                                    <input  id="operator_SHT" type="radio" name="operator" class="hide-checkbox-circle" value="SHT" tabindex="3" />
                                    <label class="" for="operator_SHT" onclick="handle_checkbox('SHT');" ><!-- operator_SHT -->
                                        <img class="bd-placeholder-img card-img-top operator_SHT gray_img" width="100%" height="auto" src="https://www.digikalaman.ir/wp-content/plugins/inax-ir/assets/images/sht.png" class="card-img-top" alt="شارژ مستقیم شاتل موبایل">
                                    </label>
                                </div>
                            </div>
                        </div>
                    </div>

                     <div class="row row-cols-1 row-cols-sm-12 row-cols-md-12 g-12">
                        <div class="input-group mb-3">
                            <button class="btn btn-primary form-control border-primary inax-font" name="continue" type="submit"><i class="fa fa-check"></i> ادامه</button>
                        </div>
                    </div>
                </form>
                
                <script>
                
                function handle_checkbox(operator) {
                    const operators = ['MTN', 'MCI', 'RTL', 'SHT'];
                    operators.forEach((op) => {
                        var img = document.querySelector(".operator_" + op);//operator_MTN - operator_MCI ...

                        let border_class = "secondary";
                        if(op=='MTN'){
                            border_class = "border-warning";
                        }else if( op=='MCI'){
                            border_class = "border-info";
                        }else if( op=='RTL'){
                            border_class = "border-perple";
                        }else if( op=='SHT'){
                            border_class = "border-primary";
                        }

                        //console.log( op );
                        if(op==operator){
                            img.classList.remove("gray_img");

                            //add border
                            document.querySelector(".card_" + op).classList.add(border_class);
                        }else{
                            img.classList.add("gray_img");

                            //remove border
                            document.querySelector(".card_" + op).classList.remove(border_class);
                        }
                    });

                    //console.log(operator);
                }
                </script>
            </div>
        </div>
    
    
    </div>
</div>

</div><!--end inax-ir plugin--># خرید شارژ مستقیم

- پیوند: https://www.digikalaman.ir/topup/
- منتشرشده: 2024-12-16T20:54:33+03:30
- نویسنده: digikalaman
