首页 / JAVASCRIPT / javascript-如果选择了单选按钮,则显示警报

javascript-如果选择了单选按钮,则显示警报

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-如果选择了单选按钮,则显示警报，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2560字，纯文字阅读大概需要4分钟。

内容图文

我希望单击单选按钮时显示警报.

我的单选按钮：

<div class="genericFormField">
   New:@Html.RadioButtonFor(m => m.Form.InstallType, 1, Model.InstallationHeader.InstallType == 1 ? new { Checked = "checked" } : null )
   Pool:@Html.RadioButtonFor(m => m.Form.InstallType, 2, Model.InstallationHeader.InstallType == 2 ? new { Checked = "checked" } : null)
   Refurb:@Html.RadioButtonFor(m => m.Form.InstallType, 3, Model.InstallationHeader.InstallType == 3 ? new { Checked = "checked" } : null)              
</div>

因此,如果选择了新单选按钮,我希望警报说“ NEW”,否则什么也没有.

通常很容易,因为您有ID,但是在这种情况下没有ID？

因为这是RadioButtonFor.

谢谢

新密码

完整代码：

       $('input[name="Form.InstallType"]').on('change', function() {
            var val = $('input[name="Form.InstallType"]:checked').val();
            if (val === '1') {

                var validOptions = "@Url.Action("SerialProdNumStockSiteAutoComplete", "Ajax")?stocksitenum=LW&model=" + $("#Form_Prod_Num").val();
                previousValue = "";

                $('#abc').autocomplete({
                    autoFocus: true,
                    source: validOptions,

                }).change(function(){

                    var source = validOptions;
                    var found = $('.ui-autocomplete li').text().search(source);
                    console.debug('found:' + found);
                    var val = $('input[name="Form.InstallType"]:checked').val();

                    if (found < 0 && val === '1') {
                        $(this).val('');
                        alert("Please choose from auto complete");

                    }

                });


            }

        });

这有效,但是如果单选按钮在页面加载中不起作用,则我必须单击另一个单选按钮,然后单击“新建”,然后它将起作用.

如果它已经被检查而不是在检查时就可以工作.

解决方法:

@ Html.RadioButtonFor创建具有名称和ID属性的正确输入.

您可以通过以下方式访问值：

$('input[name="Form.InstallType"]:checked').val();

不确定生成的无线电的名称,因为它是一个内部变量.
渲染页面并查看生成的名称.这就是我的情况.

现在,关于您的警报.您需要收听更改事件.

$('input[name="Form.InstallType"]').on('change', function()
{
    var val = $('input[name="Form.InstallType"]:checked').val();        
    if (val === '1') alert('New');
});

为什么是“ 1”？因为您已经在ASP.NET代码中进行了设置.
这就是它的外观.

<div class="genericFormField">
   New: @Html.RadioButtonFor(m => m.Form.InstallType, 'new')
   Pool: @Html.RadioButtonFor(m => m.Form.InstallType, 'pool')
   Refurb: @Html.RadioButtonFor(m => m.Form.InstallType, 'refurb')              
</div>
<script>
    $(document).ready(function() {
        AlertIfNewIsSelected(); // Check if it is selected on page load. According to the question in comments.
        $('input[name="Form.InstallType"]').on('change', AlertIfNewIsSelected);
    });

    function AlertIfNewIsSelected()
    {
        var val = $('input[name="Form.InstallType"]:checked').val();        
        if (val === 'new') alert('New');
    }
</script>

当然,无需使用jQuery就可以达到所有目的.

内容总结

以上是互联网集市为您收集整理的javascript-如果选择了单选按钮,则显示警报全部内容，希望文章能够帮你解决javascript-如果选择了单选按钮,则显示警报所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/661756.html

来源：【匿名】