angularjs怎么获取到单选框的值

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了angularjs怎么获取到单选框的值相关的知识,希望对你有一定的参考价值。

参考技术A 使用Angularjs获取数组中的值并传值到html页面中显示出来
js页面的数组如下:
var freetrial = [
goodsid:"xy0001",
imgurl:"img/178.jpg",
goodstitle:"好娃娃牌安全椅",
quantity:"10份",
cost:896,
linkt:"sdcx()",
status:0,

goodsid:"xy0002",
imgurl:"img/178.jpg",
goodstitle:"时尚包",
quantity:"10份",
cost:298,
status:1,

goodsid:"xy0003",
imgurl:"img/178.jpg",
goodstitle:"好娃娃",
quantity:"10份",
cost:896,
linkt:"sdcx()",
status:0
];
html页面:
<div class=“xsy” id="xy0001">
<a href="sdcx()"><img src="imgurl"></a>
<h1>goodstitle</h1>
</div>
需要判断的是如果div的id==数组里的goodsid且status=0,就把数组的值传到页面对应的地方。要使用Angularjs来实现,不能使用jQuery。求大神指点要怎么做,如果我的思路不对,有没有其他更好的方法?用来保存数据的数组肯定是需要的,jQuery也不能用。
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556<!DOCTYPE html><html ng-app="test"><head> <title>Freetrial</title></head><body ng-controller="FreetrialController"> <div class="xsy" ng-repeat="item in freetrial" ng-if="use('xy0001', 0, item)" id="xy0001"> <a href="item.sdcx()"><img src="">item.imgurl</a> <h1>item.goodstitle </h1> </div> <script type="text/javascript" src="../lib/angular.min.js"></script> <script> var app = angular.module('test', []); app.controller('FreetrialController', function($scope) $scope.use = function(id, status, item) var flag = false; if(!item || (id === item.goodsid && status === item.status)) flag = true; return flag; $scope.freetrial = [ goodsid:"xy0001", imgurl:"img/178.jpg", goodstitle:"好娃娃牌安全椅", quantity:"10份", cost:896, linkt:"sdcx()", status:0 , goodsid:"xy0002", imgurl:"img/178.jpg", goodstitle:"时尚包", quantity:"10份", cost:298, status:1 , goodsid:"xy0003", imgurl:"img/178.jpg", goodstitle:"好娃娃", quantity:"10份", cost:896, linkt:"sdcx()", status:0 ] ); </script></body></html><!--还可以从数据上着手, 先把数据按照需求重组,再输出到视图-->
追问:请问如果我需要在点击这个a标签时,把div的id post出去,让另外一个js页面接收到,然后在数组匹配符合的数组数据输出到html页面。这个要怎么实现?

AngularJs ng-if的用法
123456789101112131415 <!DOCTYPE html><html ng-app><head> <title>checked</title></head><body> <input type="checkbox" ng-model="checked">点击试试 <div ng-if="checked">content</div> <script type="text/javascript" src="./angular.min.js"></script> </body></html>

angularjs中关于checkbox的问题
烦恼
我想设置当checkbox选中之后执行一段逻辑代码,我写的是if($scope(checkbox1).checked)`````但是不行我想问的是这个if逻辑应该怎么写怎么表达他被选中了???
123456789101112131415161718192021222324 <!DOCTYPE html><html ng-app="test"><head> <title>angularJs-checkbox</title></head><body> <div ng-controller="CheckCtrl"> <input type="checkbox" ng-model="chk" ng-click="check(chk)"/> </div> <script type="text/javascript" src="../js/angular.min.js"></script> <script type="text/javascript"> //直接判断checkbox的model即可 var test = angular.module('test', []); test.controller('CheckCtrl', function($scope) //设置checkbox默认不选中 $scope.chk = false; $scope.check = function(val) !val ? alert('选中') : alert('未选中'); ) </script></body> </html>

javascript 怎么获得单选框值

1、 给单选框设置相应的 name

2、 获取所有的单选框,循环判断,示例代码如下:

// 获取指定 name 的单选框的值
function getValueForRadio(name) 
    // 获取所有的 input 元素
    var nodes = document.getElementsByTagName('input');
    // 循环判断
    for (var i=0; i<nodes.length; i++) 
        // 如果类型是 radio,name 也符合要求,而且也被选中了
        if (nodes[i].type==='radio' && nodes[i].name===name && nodes[i].checked) 
            //返回相应的值
            return nodes[i].value;
        
    

3、 在你需要的地方,用合适的参数调用上面的函数 getValueForRadio 即可。



以上,请采纳,请给分。

参考技术A 例:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script language="javascript">
function test1()
alert(document.form1.radiobutton[0].value);
function test2()
alert(document.form1.radiobutton[1].value);
</script>
</head>
<body>
<form name="form1" method="post" action="">
<input type="radio" name="radiobutton" value="测试按钮一的值" onClick="test1()" >
<input type="radio" name="radiobutton" value="测试按钮二的值" onClick="test2()">
</form>
</body>
</html>本回答被提问者和网友采纳

以上是关于angularjs怎么获取到单选框的值的主要内容,如果未能解决你的问题,请参考以下文章

在winform中如何获取两个单选框中选中的那个值

javascript 怎么获得单选框值

angularJs里单选框radio怎么使用ng-model

jquery 如何获取单选框的值?

PHP中怎样获取radio单选框的值

thinkphp中怎样获取radio单选框的值(单选框较多)