Ramakrishna01M Ответов: 1

Как выбрать один флажок из нескольких флажков в javascript

<asp:checkbox id="Checkbox1" runat="server" CssClass="Checkbox" onclick="fnCheckOne(this);">
<asp:checkbox id="Checkbox2" runat="server" CssClass="Checkbox" onclick="fnCheckOne(this);"></asp:checkbox>
<asp:checkbox id="Checkbox3" runat="server" CssClass="Checkbox" onclick="fnCheckOne(this);"></asp:checkbox>


Что я уже пробовал:

function fnCheckOne(me) {
    debugger;
    alert("HI");
    me.checked = true;
    var chkary = document.getElementsByTagName('input');
    for (i = 0; i < chkary.length; i++) {

        if (chkary[i].type =='checkbox') {


            if (chkary[i].parentElement.groupname == 'grup1') {
                if (chkary[i].id != me.id)
                    chkary[i].checked = false;
            }
        }
    }
}

Ramakrishna01M

выше код его работает в Internet explore, но не работает Firefox и Goolge chrome....
Пожалуйста, помогите мне в этом

madhav_jain

требование не ясно

Ramakrishna01M

Привет Мадхав,

Мне нужно выбрать только один флажок из трех флажков с помощью javascript в Asp.net.
это мой код:
&ЛТ;АСП:чекбокс с ID="Checkbox1" атрибут runat="сервер" CssClass="флажок" функция onclick="fnCheckOne(этот);"&ГТ;
&ЛТ;АСП:чекбокс с ID="Checkbox2" атрибут runat="сервер" CssClass="флажок" функция onclick="fnCheckOne(этот);"&ГТ;
&ЛТ;АСП:чекбокс с ID="отображения checkbox3" атрибут runat="сервер" CssClass="флажок" функция onclick="fnCheckOne(этот);"&ГТ;

функция fnCheckOne (me) {
отладчик;
тревога ("привет");
меня.проверено = истина;
var chkary = document. getElementsByTagName ('input');
for (i = 0; i < chkary. length; i++) {


if (chkary[i]. type == 'checkbox') {


if (chkary[i]. parentElement. groupname = = 'grup1') {
если (chkary[я].идентификатор != меня.идентификатор)
chkary[i]. checked = false;
}
}


}


}

Ramakrishna01M

пожалуйста, дайте мне знать, если вам нужна дополнительная информация...

1 Ответов

Рейтинг:
8

omerkamran 

<div>
           <asp:CheckBox ID="cb1" runat="server"   />
          <asp:CheckBox ID="cb2" runat="server"   />
          <asp:CheckBox ID="cb3" runat="server" />
</div>


<script>

        window.onload = function () {

          

            (function () {
                document.getElementById("cb1").onclick = function () {

                    checkClickedCheckBoxTrue("cb1", "cb2", "cb3")
                   
                };
            })();
            (function () {
                document.getElementById("cb2").onclick = function () {

                    checkClickedCheckBoxTrue("cb2", "cb1", "cb3")
                   
                };
            })();
            (function () {
                document.getElementById("cb3").onclick = function () {
                    checkClickedCheckBoxTrue("cb3", "cb2", "cb1")
                   
                };
            })();
            

        };


        function checkClickedCheckBoxTrue(cb1,cb2,cb3)
        {
          
            var check = document.getElementById(cb1)

            if (check.checked)
            {
                check.checked = true
            }
            else
            {
                check.checked = false
            }

            document.getElementById(cb2).checked = false
            document.getElementById(cb3).checked = false

            
            return false;
        }
    </script>

omerkamran

Это решение будет успешно выполняться во всех известных мне браузерах, то есть Chrome, Firefox, IE версии > 5

Ramakrishna01M

Большое спасибо за то, что вы дали мне свое решение,оно работает для всех браузеров.

omerkamran

я буду благодарен, если вы сможете оценить это решение на 5 звезд.
Спасибо.