Question

这个javascript除了radiobuttonlist外都有效。

<script language="javascript" type="text/javascript">
function validate() {
    if (document.getElementById("<%=txtballotName.ClientID%>").value == "") {
        alert("Ballot Name can not be blank");
        document.getElementById("<%=txtballotName.ClientID%>").focus();
        return false;
    }

    if (document.getElementById("<%=txtballotCity.ClientID %>").value == "") {
        alert("Ballot City can not be blank");
        document.getElementById("<%=txtballotCity.ClientID %>").focus();
        return false;
    }
    if (document.getElementById("<%=txtballotState.ClientID%>").value == "") {
        alert("Ballot State cannot be blank");
        document.getElementById("<%=txtballotState.ClientID%>").focus();
        return false;
    }
    if (document.getElementById("<%=txtballotZip.ClientID%>").value == "") {
        alert("Zip Code cannot be blank");
        document.getElementById("<%=txtballotZip.ClientID%>").focus();
        return false;
    }
        if (document.getElementById("<%= txtreceivedby.ClientID %>").checked == false) {
        alert("Request Received By can not be blank");
        document.getElementById("<%=txtreceivedby.ClientID%>").focus();
        return false;
    }

     return true;
}

radiobuttonList如下所示：

<tr>
    <td>
        <label for="txtreceivedby_0">FAX</label>
        <input id="txtreceivedby_0" type="radio" name="txtreceivedby" value="Fax" />
    </td>
    <td>
        <label for="txtreceivedby_1">EMAIL</label>
        <input id="txtreceivedby_1" type="radio" name="txtreceivedby" value="Mail" />
    </td>
    <td>
        <label for="txtreceivedby_2">PHONE</label>
        <input id="txtreceivedby_2" type="radio" name="txtreceivedby" value="Phone" />
    </td>
</tr>

到目前为止，除了txtreceivedby单选按钮之外，其他表单字段正在验证。我没有收到任何错误，但它也没有验证。提前致谢

Answer 1

您可以创建一个简短的小实用程序函数，它可以获得任何无线电组的值：

function getRadioValue(name) {
    var items = document.getElementsByName(name);
    for (var i = 0; i < items.length; i++) {
        if (items[i].checked) {
            return(items[i].value);
        }
    }
}

然后，您可以在收音机组中获取检查项目，如下所示：

var val = getRadioValue("txtreceivedby");

工作演示：http://jsfiddle.net/jfriend00/PHXaC/

Answer 2

简而言之，主要是头痛;如果你给我打电话，我会选择一个很好的时尚<select>盒子。

但是为了有用，你需要查看视图源，确切地知道ASP代码对浏览器的影响。我不知道ASP，但我敢打赌它要么在每个无线电上输出3个不同的ID，要么在所有这三个上输出相同的ID（#txtreceivedby）。

无论它发出什么，验证码if(bla_bla_blah.checked===false)都是错误的，因为它只针对一组无线电中的一个，即使有固定的，该无线电也可能不会返回.checked===false跨浏览器。 / p>

Answer 3

ASP的radiobuttonlist呈现为包含单选按钮项的表。因此，获取单选按钮的检查状态有点复杂。

如果你谷歌搜索“ASP radiobuttonlist和javascript”，你可能会找到各种来源。我已经测试了其中一些，如果您的页面是从母版页创建的，那么并非所有这些都能很好地工作。

但是，我已经以自己的方式尝试了，这里是：

<asp:RadioButtonList ID="txtReceivedBy" runat="server">
    <asp:ListItem Text="Fax" Value="0"></asp:ListItem>
    <asp:ListItem Text="Email" Value="1"></asp:ListItem>
    <asp:ListItem Text="Phon" Value="2"></asp:ListItem>
</asp:RadioButtonList>
<input type="button" onclick="alert(checkedRadio());" value="Test RadioButtonChecked Status" />

和我用来获取cehcked状态的javascript在这里

function checkedRadio() {
    var rtn = false;
    var i = 0;
    var radioBoxesContainer = document.getElementById("<%=txtReceivedBy.ClientID%>");
    if (radioBoxesContainer) {
        var radioBoxes = radioBoxesContainer.getElementsByTagName("input");
        if (radioBoxes && radioBoxes.length > 0) {
            for (i - 0; i < radioBoxes.length; i++) {
                if (radioBoxes[i].checked) {
                    rtn = true;
                    break;
                }
            }
        }
    }
    return rtn;
}

如果您有兴趣获得现场演示，你可以在http://plugins.amiwithyou.com/sof/

找到它

为什么这个简单的javascript不工作？

3 个答案: