html性别按钮如何写_随笔

input标签type写成radio单选。后面的文字自己添加，男女两个的input都要用相同的name值，因为只能选择一个。

<input type="radio" name="sex" value="female" /> Female<br />

</form>

HTML中的单选按钮实现男女性别选择，不让男女同是都能都能选择，实现方法：在按钮的属性里写一个name属性，并且把name的值设置成相同的

例：<input id="man" type="radio" checked="checked" name="1" />男<input id="woman" type="radio" name="1"/>女

js中alert()方法就可以实现这种效果。种效果常用于表单验证时d出提示信息。

下面是用jquery编写的表单验证的简单例子:

<html>

<body>

性别:男<inpyt type="radio" name="sex" value="0">女<inpyt type="radio" name="sex" value="1">

</form>

$("#button"),click(function(){//提交按钮被点击触发

if($("input[name='sex']").is("checked")){//获取name为sex的input的对象并判断是否被选中

$("#form").submit()")//如果性别的单选按钮有被选择则提交表单

}else{

alert("请选择性别")//如果性别的单选按钮没有被选择则d出提示

}

})

</script>

</body>

</html>

欢迎分享，转载请注明来源：内存溢出

html性别按钮如何写