这次主要讲的是关于jq单选按钮的一些js操作
- 如何获取选中单选按钮的value值
- 如何设置选中的按钮
以上次文章中的性别选择为例
首先创建一组性别选择按钮：
<input type="radio" name="sex" value="male"><span></span>
<input type="radio" name="sex" value="female"><span></span>
在我此次的项目中，有一段js代码是关于发送请求($.post(...))的，所以如何获取当前单选框的value值就十分关键
var sexChecked=$('input:radio[name="sex"]:checked').val();
我们通过上述这段代码就可以获取name="sex"的一组单选按钮中被选中按钮的value值，其中input:radio说明是单选框类型。
之后我们就可以进行一些判断和传值的操作
比如：判空操作
if(sexChecked==null){
//此处可以有一些操作：显示警示语、改变css样式等...
}
传值操作
$.post(url,
{
gender:sexChecked,
...
},data=>{...});
第二种关于单选框的操作是设置单选框的选中状态
$("input[type=radio][name="sex"l][value="male"]").attr("checked",'checked')
通过这段代码 男性选择框就会被默认选定
关于checkBox的操作可以类比radio的操作中 主要就是type的不同
