0

我在一个 aspx 页面中有两个数据列表。我需要确保每个数据列表只能选择一个单选按钮。但是,我只能对这两个数据列表执行此操作,这意味着当我单击 datalist1 上的单选按钮以及在 datalist2 上选择另一个单选按钮时,它只允许我选择一个单选按钮。我需要确保当我在 datalist1 上选择一个单选按钮时,我也可以在 datalist2 上选择另一个。

有人能帮我吗?

下面是aspx页面中的javascript。

<script type="text/javascript" language="javascript">

function CheckOnes(spanChk) {


    var oItem = spanChk.children;
    var theBox = (spanChk.type == "radio")
    spanChk : spanChk.children.item[0];

    xState = theBox.unchecked;
    elm = theBox.form.elements;

    for (i = 0; i < elm.length; i++)
        if (elm[i].type == "radio" && elm[i].id != theBox.id) {
            elm[i].checked = xState;
        }
    }

    function CheckTwos(spanChk2) {


        var oItem2 = spanChk2.children;
        var theBox2 = (spanChk2.type == "radio")
        spanChk2 : spanChk2.children.item[0];

        xState2 = theBox2.unchecked;
        elm2 = theBox2.form.elements;

        for (i = 0; i < elm2.length; i++)
            if (elm2[i].type == "radio" && elm2[i].id != theBox2.id) {
                elm2[i].checked = xState2;
            }
    }

下面是 aspx.cs 中的代码

protected void DataList2_ItemDataBound(object sender, DataListItemEventArgs e)
{
    RadioButton rdb;
    rdb = (RadioButton)e.Item.FindControl("radioDelete");
    if (rdb != null) 
       rdb.Attributes.Add("onclick", "CheckTwos(this);");
}

protected void DataList1_ItemDataBound(object sender, DataListItemEventArgs e)
{
    RadioButton rdb;
    rdb = (RadioButton)e.Item.FindControl("radioAdd");
    if (rdb != null)
        rdb.Attributes.Add("onclick", "CheckOnes(this);");

}
4

1 回答 1

0

您只需要让任何一组单选按钮具有相同的名称。

Group1 :
    <input type="radio" name="group1" />
    <input type="radio" name="group1" />
Group2 :
    <input type="radio" name="group2" />
    <input type="radio" name="group2" />
Group3 :
    <input type="radio" name="group3" />
    <input type="radio" name="group3" />
于 2013-01-07T21:30:22.923 回答