jquery单选框的默认值
时间: 2023-09-13 14:10:47 浏览: 42
可以通过设置单选框 input 的 checked 属性来设置默认值。例如:
```
<input type="radio" name="gender" value="male" checked> Male
<input type="radio" name="gender" value="female"> Female
```
上述代码中,"Male" 单选框被设置为默认选中状态。
相关问题
jquery单选框
实现 jQuery 单选框的方法如下:
HTML 代码:
```
<form>
<input type="radio" name="gender" value="male"> Male<br>
<input type="radio" name="gender" value="female"> Female<br>
</form>
```
jQuery 代码:
```
$(document).ready(function(){
$('input[type="radio"]').click(function(){
var gender = $('input[name="gender"]:checked').val();
alert("您选择的性别是:" + gender);
});
});
```
以上代码实现了单选框的选择事件,当用户选择单选框时,会触发点击事件,然后通过 jQuery 获取用户选择的单选框的值,并弹出提示框显示用户选择的结果。
DW jquery单选框
DW(Dreamweaver)也可以实现 jQuery 单选框,具体方法如下:
1. 在 Dreamweaver 中新建一个 HTML 页面,添加以下 HTML 代码:
```
<form>
<input type="radio" name="gender" value="male"> Male<br>
<input type="radio" name="gender" value="female"> Female<br>
</form>
```
2. 在页面中添加 jQuery 库,可以在头部添加以下代码:
```
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
```
3. 在页面中添加 jQuery 代码,可以在头部或者页面底部添加以下代码:
```
<script>
$(document).ready(function(){
$('input[type="radio"]').click(function(){
var gender = $('input[name="gender"]:checked').val();
alert("您选择的性别是:" + gender);
});
});
</script>
```
4. 保存页面并在浏览器中打开,测试单选框是否生效。
以上就是在 Dreamweaver 中实现 jQuery 单选框的方法,与纯代码实现方法基本一致,只需在 Dreamweaver 中添加相应的代码即可。