Jquery 如何设置一个单选按钮应始终处于活动状态

我有一个单选按钮，有男性和女性

我需要在以下问题的帮助

我必须显示男性单选按钮应始终处于活动状态

如何增加尺寸？我试图给一些填充，但得到的背景问题

如何在上面设置动画

你能帮我吗

$（'label.option'）。单击（函数（）{
$（'input[type=radio]'）.attr（'checked'，null）；
$（'label.option'）.removeClass（“选中”）；
$（this.prev（）.attr（'checked'，'checked'）；
$（此）.addClass（“选中”）；
})

.border{
边框：1px实心#000；
宽度：150px；
边界半径：30px；
文本对齐：居中；
显示器：flex；
}
.半宽{
宽度：75px；
}
输入[类型=收音机]{
显示：无；
}
.检查{
背景色：#00a2ff；
边界半径：30px；
显示：块；
颜色：#fff；
}

男性的
女的

使用php，您可以通过添加

<?php $gender = $_POST["gender"]; ?>
<input type="radio" name="gender"
<?php if (isset($gender) && $gender=="female") echo "checked";?>
value="female">Female
<input type="radio" name="gender"
<?php if (isset($gender) && $gender=="male") echo "checked";?>
value="male">Male

value=“male”>男性

要添加css颜色或任何你想包含的东西，以便用户知道它的活动状态，你可以创建一个类或id，给它命名任何你想命名的东西，并对其进行回应，也就是说，你会有这样的东西

<?php $gender = $_POST["gender"]; ?>
<input type="radio" name="gender"
<?php if (isset($gender) && $gender=="female") echo "checked" echo "id='highlight';?>
value="female">Female
<input type="radio" name="gender"
<?php if (isset($gender) && $gender=="male") echo "checked" echo "id='highlight';?>
value="male">Male

value=“male”>男性

1。总是活跃的 只需将输入属性设置为选中即可

<input type="radio" name="gender" value="male" checked>

2.大小 Label是内联级别的元素，只需将其设置为block，然后根据需要设置填充

label {
    display: block;
    padding: 5px;
}

3.使有生气 取决于要设置动画的内容，但只需将过渡设置为“全部”即可

label {
    transition: all 300ms ;
}

---

默认情况下，可以使用单选按钮checked属性选中它

<input type="radio" name="" value="male" checked="checked" />

---

可以使用选中的属性

，并为标签的样式添加一个额外的选择器以使其生效：

• 将属性添加到

  radio

  male

$（'label.option'）。单击（函数（）{
$（'input[type=radio]'）.attr（'checked'，null）；
$（'label.option'）.removeClass（“选中”）；
$（this.prev（）.attr（'checked'，'checked'）；
$（此）.addClass（“选中”）；
})

.border{
边框：1px实心#000；
宽度：150px；
边界半径：30px；
文本对齐：居中；
显示器：flex；
}
.半宽{
宽度：75px；
}
输入[类型=收音机]
{
显示：无；
}
.选中，：选中+标签{
背景色：#00a2ff；
边界半径：30px；
显示：块；
颜色：#fff；
}

男性的
女的

您的代码非常适合我，您也解决了我的3个问题。请向我这边投票。您的代码也适合我。从我这边投票。

<input type="radio" name="" value="male" checked="checked" />

<input type="radio" name="gender" value="male" checked>