angularjs 获取默认选中的单选按钮的value方法

在Html页面中，有三个单选按钮，默认选中的是第二个“重要”这个选项，设置ng-checked="true"，把该选项默认选中，可是在提交表单时，却提示$scope.level为undefine状态,明明默认选中了为什么却是undefine呢？

于是，先测试了一把：在Html页面写下下面的代码：

<span style="font-size:18px;"><div ng-controller="testCtrl">
 <div >
  <label >
   <input type="radio" value="Normal" ng-model="level" name="level"
   >一般
  </label>
  <label >
   <input type="radio" value="Important" ng-model="level" name="level"
     ng-checked="true"
   >重要
  </label>
  <label >
   <input type="radio" value="Urgent" ng-model="level" name="level"
   >紧急
  </label> 

 </div>
  <div> {{ level }}</div>    //显示单选按钮选中的value
</div></span>

页面第一次加载，虽然“重要”这个单选按钮是默认选中，但是页面却不显示重要这个单选按钮对应的value，

点击“紧急”按钮，下面会显示“紧急”按钮的value，

原来，在页面加载时，$scope.level没有被赋值，没有初始值，即便 ng-checked="true"，却也不显示默认选中的值！需要在js中设置：$scope.level= "Important";这时，刷新页面，会默认显示选中的按钮的value：

以上这篇angularjs 获取默认选中的单选按钮的value方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。

赞 (0)

相关推荐

  • angularjs的select使用及默认选中设置

    我最近在研究angularjs学习的道路上,那么今天也算个学习笔记吧! 1 ng-model="standardCourse.showHours"代替name 2 ng-selected = "1"代替selected="selected",但问题是select下会多出一个无用的option 3 在数据准备时设置,$scope.standardCourse.showHours= '1'; 解决多出的一个无用的option <label fo

  • angularjs 获取默认选中的单选按钮的value方法

    在Html页面中,有三个单选按钮,默认选中的是第二个"重要"这个选项,设置ng-checked="true",把该选项默认选中,可是在提交表单时,却提示$scope.level为undefine状态,明明默认选中了为什么却是undefine呢? 于是,先测试了一把:在Html页面写下下面的代码: <span style="font-size:18px;"><div ng-controller="testCtrl&quo

  • BootStrap Table复选框默认选中功能的实现代码(从数据库获取到对应的状态进行判断是否为选中状态)

    废话不多说,直接给大家贴代码了,具体代码如下所示: $('#table').bootstrapTable('destroy'); $('#table').bootstrapTable({ url:'../data/kehulist.json', uniqueId: "id", striped:true, // pagination:true, clickToSelect:true, height:340, columns: [{ field : 'state', checkbox:tr

  • select获取下拉框的值 下拉框默认选中方法

    本文主要介绍select下拉框的相关方法. 1.通过id获取下拉框的value和文本值 例如: <select class="form-control" id="numbers"> <option value="1">数字1</option> <option value="2" selected>数字2</option> </select> $("

  • layui checkbox默认选中,获取选中值,清空所有选中项的例子

    废话不多说,直接上代码吧: var arr = res.data; var myCheckbox = $("input[name='MenuArr']"); myCheckbox.prop('checked', false); //切换下拉选项时,清空所有选中状态 form.render('checkbox');//记得每次操作后要渲染该元素 for (var j = 0; j < arr.length; j++) { //数据库返回的需要选中项的值,我这里只返回了value,有

  • layui从数据库中获取复选框的值并默认选中方法

    如下: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" type="text/css" href="../../../static/js/css/layui.css" rel=

  • angularjs获取到My97DatePicker选中的值方法

    提示:直接在页面调用不能取到input的值,需要封装成指令 1.第一步 引入My97DatePicker的插件,不要改变js/css/img目录结构 2.第二步 指令封装 3.第三步 4.第四步 controller文件定义参数 $scope.datas={}; 以上这篇angularjs获取到My97DatePicker选中的值方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们.

  • ExtJS 刷新后如何默认选中刷新前最后一次选中的节点

    在对树节点进行操作后往往需要进行reload操作刷新一下树,但是很多业务都需要在树形刷新后默认选中最后一次选中的节点.这样就必须先保存前一次选中节点的信息,在reload之后再次通过节点的信息进行expand逐层展开到这个节点上. 查询了好久终于找到一个可行的方案,就是通过节点的path来记录节点的位置信息,然后通过path从root节点开始逐层展开,直到最后一个节点. 完成的代码如下: 首先是extjs3.x版本中的方法: 复制代码 代码如下: //获取选中的节点 var node = tre

  • AngularJS获取json数据的方法详解

    AngularJS获取json数据的方法详解

    本文实例讲述了AngularJS获取json数据的方法.分享给大家供大家参考,具体如下: 学习了这么多天的AngularJS,今天想从实战的角度和大家分享一个简单的Demo--用户查询系统,以巩固之前所学知识.功能需求需要满足两点 1.查询所有用户信息,并在前端展示 2.根据id查询用户信息,展示在前端.Ok,需求很简单,那么我们就开始实现所提的功能需求. 代码框架 前端的代码通常包含三部分:html, css, 和JavaScript,我们使用html编写视图文件,css来进行视图样式控制,J

  • 改变checkbox默认选中状态及取值的实现代码

    <inputtype="checkbox"name="chk"value="1"val="1级">1级 <inputtype="checkbox"name="chk"value="2"checked="checked"val="2级">2级 <inputtype="checkbox&quo

  • jQuery获取radio选中项的值实例

    jQuery获取radio选中项的值实例

    <title></title> <script src="js/jquery-1.7.2.min.js"></script> <script type="text/javascript"> $(function () { //没有默认选中的情况 //先判断radio是否有选中项,再获取选中的值 $("#btnclick").click(function () { //获取选中项的valu

随机推荐