解决 检查的选择器不起作用

学习者

会员
已加入
2020年9月26日
留言内容
8
编程经验
Beginner
C#:
this is the html
<div>
    <input type="checkbox" name="skills" value="js" />JS
    <input type="checkbox" name="skills" value="jQuery" />jQuery
    <input type="checkbox" name="skills" value="C#" />c#
    <input type="checkbox" name="skills" value="VB" />VB
    <br /><br />
    <input id="btn1"  class ="btn btn-outline-info" type ="submit"  />


    <div id="result1">
      

    </div>
</div>


this is in the site.js file

$(document).ready(function () {
    $('#btn1').click(function () {
       var result = $('input[type="checkbox"]:checked');
        if (result.length > 0) {
            var resultString = result.length + "  checkbox checked <br/>";
        
            result.each(function () {

                resultString += $(this).val() + "<br/>";
            });
            $('#result1').html(resultString);
        }
        else {
            $('#result1').html("none selected");
        }
    });

})

输出应该是这样的:
如果未选中任何复选框,则不选择
1601373104574.png
:
如果选中复选框。
如果单击提交按钮,则没有输出。我不确定代码中有什么问题。
 

跳伞

工作人员
已加入
2019年4月6日
留言内容
2,432
位置
弗吉尼亚州切萨皮克
编程经验
10+
Typically, the submit type button only works when it is in a <form>.

仅显示给我们的HTML我们无法真正为您提供帮助。关联的代码在哪里?
 

学习者

会员
已加入
2020年9月26日
留言内容
8
编程经验
Beginner
Typically, the submit type button only works when it is in a <form>.

仅显示给我们的HTML我们无法真正为您提供帮助。关联的代码在哪里?
实际上,我正在学习jQuery,所以这是一个示例,以显示复选框选择器如何工作以打印已选中的复选框。它不是任何内容的一部分,仅是很少的代码。
 

学习者

会员
已加入
2020年9月26日
留言内容
8
编程经验
Beginner
我知道了……这是C#问题吗?
有人告诉我C#开发人员通常是全栈开发人员,而jQuery是其中的一部分。所以我以为有人可能知道这一点。而且这也发布在设计部分下,我认为它位于前端之下,这就是我在此处发布的原因。
 

跳伞

工作人员
已加入
2019年4月6日
留言内容
2,432
位置
弗吉尼亚州切萨皮克
编程经验
10+
并非所有C#开发人员都处理Web技术。
 

羊皮

退休程序员
工作人员
已加入
2018年9月5日
留言内容
1,883
位置
英国
编程经验
10+
您在哪种类型的项目/语言中运行该代码?

我首先建议您在验证器中运行更高版本的代码,您会发现它没有解析。您可以使用一些插件来帮助您进行开发。我知道Mozila Browser for JQuery有一个,因为我以前使用该浏览器时曾经使用它。
 
最佳 底部