需要准备的材料分别有:电脑、html编辑器、浏览器。
1、首先,打开html编辑器,新建html文件,例如:index.html,输入问题基础代码。
2、在index.html中的<script>标签,输入js代码:
if ($("input[type='radio']:checked").val()) {
$('body').append('被选中')
} else {
$('body').append('未被选中')
}
3、浏览器运行index.html页面,此时js打印了radio是否被选中的判断结果。
Javascript判断哪一个radio被选中,可以用jquery的选择器方便的找到和判断。
选择器的写法像这样$("[name=radio的name]:checked")。
这是针对此问题的测试页面。
1、这是html代码,有2个ratio,name都是"sex",值分别为"男"和"女"
男:
<input type="radio" name="sex" value="男" />
<br />
女:
<input type="radio" name="sex" value="女" />
<br/>
<br/>
<button id="button">
选中的性别是
</button>
2、在javascript代码中,绑定按钮事件,点击时用选择器判断哪个ratio选中并弹窗。
$(function() {
$("#button").click(function() {
var val = $("[name=sex]:checked").val()
val = val || '未选中'
alert(val)
})
})
这是运行效果
需要准备的材料分别有:电脑、html编辑器、浏览器。
1、首先,打开html编辑器,新建html文件,例如:index.html,填充问题基础代码。
2、在index.html中的<script>标签,输入js代码:
function fun() {
var a = $('input:radio:checked').val()
if (a == 1) {
location.href = 'page1.html'
} else {
location.href = 'page2.html'
}
}
3、浏览器运行index.html页面,选择内容管理,点击登录。
4、此时成功进入到了page2.html页面。