Javascript 从jquery返回(隐藏?)值
一般来说,我不熟悉编程,尤其是jquery。我正在构建一个ASP MVC项目,该项目使用以下用于星级评定系统的插件: 然而,一旦用户选择评级,我就很难访问数据库的值。我目前的代码如下:Javascript 从jquery返回(隐藏?)值,javascript,jquery,html,Javascript,Jquery,Html,一般来说,我不熟悉编程,尤其是jquery。我正在构建一个ASP MVC项目,该项目使用以下用于星级评定系统的插件: 然而,一旦用户选择评级,我就很难访问数据库的值。我目前的代码如下: <div class="form-group"> @Html.LabelFor(model => model.Rating, htmlAttributes: new { @class = "control-label col-md-2"
<div class="form-group">
@Html.LabelFor(model => model.Rating, htmlAttributes: new { @class = "control-label col-md-2" })
<div class="col-md-10">
<span class="star">
<input id="input-id" type="radio" value="alert($('input#input-id').val())" class="rating" data-size="lg">
</span>
</div>
</div>
<div class="form-group">
<div class="col-md-offset-2 col-md-10">
<input type="submit" value="Save" class="btn btn-default" />
</div>
</div>
</div>
}
<div>
@Html.ActionLink("Back to List", "Index")
</div>
<link href="http://netdna.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.css" rel="stylesheet">
<link href="~/Content/star-rating.css" media="all" rel="stylesheet" type="text/css" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.js"></script>
<script src="~/Scripts/star-rating.js" type="text/javascript"></script>
<link href="~/Content/theme-krajee-svg.css" media="all" rel="stylesheet" type="text/css" />
<script src="~/Scripts/theme-krajee-svg.js"></script>
@section Scripts {
@Scripts.Render("~/bundles/jqueryval")
}
@LabelFor(model=>model.Rating,htmlAttributes:new{@class=“controllabel col-md-2”})
}
@ActionLink(“返回列表”、“索引”)
@节脚本{
@Scripts.Render(“~/bundles/jqueryval”)
}
加载页面后检查HTML时,我可以看到插件发生了变化:
<input id="input-id" type="radio" value="alert($('input#input-id').val())" class="rating" data-size="lg">
致:
看来我是在返回某种类型的隐藏输入?我阅读了此链接,但没有任何效果:
我一定是做错了什么。任何帮助都会被这个新手感激 实际上它不是一个
隐藏的
字段,但它只是一个无线电
字段,您用于星级评定的插件添加了一个隐藏
类,因此它不可见,但如果您想获得它的值,则可以使用
$('input#input-id').val();
但不是在其
值
属性中,而是在表单提交中或在向服务器发布数据时在代码中使用它 您可以在onChange
函数中调用它,并获得input
的值,如下所示:
$("#input-id").change(function () {
var atrvalue = $(this).attr('value'); // get the value
alert(atrvalue);
});
查看此演示。解决方案实际上非常简单。我所要做的就是添加一个name=“Rating”属性,并将“type”从radio改为number(文本也可以)。以下是对我有效的修订行:
<input id="input-id" type="number" value="1" class="rating" data-size="lg" name="Rating">
value=//无论用户如何评分
-字面上是这样吗?不。很抱歉不清楚。该值将是用户单击的任何星星。
<input id="input-id" type="number" value="1" class="rating" data-size="lg" name="Rating">