<div id="subject-list-item">
<ol>
<div v-for="subject in subjects">
<li>
{{subjectquestion}}
<input type="radio" v-model="subjectanswer_e" v-bind:value="subjectanswer_a" >
<span>{{subjectanswer_a}}</span>
<input type="radio" v-model="subjectanswer_e" v-bind:value="subjectanswer_b" >
<span>{{subjectanswer_b}}</span>
<input type="radio" v-model="subjectanswer_e" v-bind:value="subjectanswer_c" >
<span>{{subjectanswer_c}}</span>
<input type="radio" v-model="subjectanswer_e" v-bind:value="subjectanswer_d" >
<span>{{subjectanswer_d}}</span>
</li>
</div>
</ol>
</div>
这里需要注意，v-model会变成value的值，所以不能单纯的从官网的例子上照抄。而是需要将v-model设置为一个动态的值。
代码如下：
function doGender(gender) {
if (gender == "男") {
gel("radionan")checked = true;
} else {
gel("radionv")checked = true;
}
}
扩展资料
JS基础代码：
//定义数组
var pageIds = new Array();
pageIdspush('A');
数组长度
pageIdslength;
//shift：删除原数组第一项，并返回删除元素的值；如果数组为空则返回undefined
var a = [1,2,3,4,5];
var b = ashift(); //a：[2,3,4,5] b：1
//unshift：将参数添加到原数组开头，并返回数组的长度
var a = [1,2,3,4,5];
var b = aunshift(-2,-1); //a：[-2,-1,1,2,3,4,5] b：7
//注：在IE60下测试返回值总为undefined，FF20下测试返回值为7，所以这个方法的返回值不可靠，需要用返回值时可用splice代替本方法来使用。
这样：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" ">
<html xmlns=">
<head>
<meta >
<title>JQuery radio</title>
<script type="text/javascript" language="javascript" src="JavaScript/jquery-161minjs" ></script>
<script type="text/javascript">
$(function () {
$("input")click(function () {
if ($(this)attr("checked")) {
alert("选中了");
}
});
});
</script>
</head>
<body>
<input type="radio"/>
</body>
</html>
扩展资料：
注意事项
<form>
<input type="radio" id="radio1" />
<input type="button" οnclick="check()" value="选中" />
<input type="button" οnclick="uncheck()" value="取消" />
</form>
function check() {
//被选中
documentgetElementById("radio1")checked = true
//被选中时，可以执行的方法
if(documentgetElementById("radio1")checked == true){
consolelog('==')
}
}
function uncheck() {
//不选中
documentgetElementById("radio1")checked = false
//不被选中时，可以执行的方法
if(documentgetElementById("radio1")checked == false){
consolelog('++')
}
}
以上就是关于vuejs怎么实现v-for中的单选按钮全部的内容，包括:vuejs怎么实现v-for中的单选按钮、如何用js实现将当前点击的单选按钮变为选中状态、js怎样判断单选框是否被选中等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）