HTML中的单选按钮问题（二）

这次主要讲的是关于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的不同