需要准备的材料分别有：电脑、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是否被选中的判断结岁键果。
<script type="text/javascript" language="javascript">/带皮*------判断radio是否有选中神旦，获取选中的值--------*/
$(function(){
$("#btnSubmit").click(function(){
var val=$('input:radio[name="sex"]:checked').val()
if(val==null){
alert("什么也没选中!")
return false
}
else{
alert(val)
}
var list= $('input:radio[name="list"]:checked').val()
if(list==null){
alert("请选中一个!")
return false
}
else{
alert(list)
}
})
})
</script>
</head>
<body>
<form id="form1" >
<input type="radio" name="sex" value="男" />蠢瞎差男
<input type="radio" name="sex" value="女" />女
<br />
<input type="radio" name="list" value="十分满意" />十分满意
<input type="radio" name="list" value="满意" />满意
<input type="radio" name="list" value="不满意" />不满意
<input type="radio" name="list" value="非常差" />非常差
<br />
<input type="submit" value="submit" id="btnSubmit" />
</form>
</body>
</html>
radio不能用“checked”相等来判断，只用用true来判断
代码如下:
<script type="text/javascript">
$(function () {
$("input").click(function () {
if ($(this).attr("checked")) {
alert("选中了")
}
})
})
</script>
</head>
<body>
<input type="radio"/>
</body>
</html>
方法/步骤
打开微信小程序开发工具，打开已新建的或新建一个项目
新建一个页面文件wxml，插入一个radio-group，然后内嵌四个radio
请点击输入图片描述
保存代码并查看左侧模拟器，可以查看到一组单选按钮
请点击输入图片描述
在对应页面的JS文件中，定义单选按钮组change事件changeJa
请点击输入图片描隐判述
保存代码并打开内置浏览器控制台，点击单选按钮，查看打印结果
请点击输入图片描述
下载WeUI文件，然后将相关的样式文件拷贝进去，然后修改界面并调用样式类
请点击输入图片描述
再次保存代码拆携明并查看左侧模旅告拟器，可以看到单选按钮样式变成了按钮的样式
请点击输入图片描述
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）