关键字:radio 单选按钮 文字 选中
有时候我们在网页中填写某些表单时,可能会遇到单选按钮,如让你选择性别是男或是女,此时用户往往会去点击单选按钮那个小小的圆圈,由于单选按钮比较小,可能会点不到,所以最好是点击单选按钮后面的文字就能直接选中单选按钮。
Html代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>点击单选按钮radio后面的文字即可选中单选按钮</title>
</head>
<body>
<input type="radio" id="male" name="sex" checked="checked" /><label for="male">男</label>
<input type="radio" id="female" name="sex" /><label for="female">女</label>
</body>
</html>
分享到:
相关推荐
本文提供了三种取消选中radio的方式,代码示例如下: 本文依赖于jQuery,其中第一种,第二种方式是使用jQuery实现的,第...单选按钮取消选中的三种方式</title> [removed] [removed] [removed] $(function(){ // v
VC++设置和获得一组单选按钮的选中状态 VC++设置和获得一组单选按钮的选中状态
js控制单选按钮(radio)的取消与选中,javascript单选按钮
本文将通过radiogroup和radiobutton实现组内信息的单选, 其中radiogroup就是将radiobutton进行分组,同一管理和控制 同时实现默认选中情况,获取默认值.
在asp.net中RadioButtonList 单选按钮组选中的值传入后台,并把所有选中的值相加,然后一起将数据写入数据库中
下面小编就为大家带来一篇jQuery获取单选按钮radio选中值与去除所有radio选中状态的方法。
本文提供了三种取消选中radio的方式,代码示例如下: 本文依赖于jQuery,其中第一种,第二种方式是使用jQuery实现...单选按钮取消选中的三种方式</title> [removed] [removed] [removed] $(function(){ // var $br
//获得组中单选按钮的选中状态 int nID = GetCheckedRadioButton(IDC_RADIO1, IDC_RADIO3); if (nID == IDC_RADIO1) { AfxMessageBox(_T("单选按钮1选中。")); } else if (nID == IDC_RADIO2)...
本文给大家分享两段实例代码给大家讲解jquery获取选中单选按钮radio的值,非常不错,具有参考借鉴价值,一起看看吧
纯CSS3单选按钮选中美化特效是一款纯css3制作radio单选按钮选中美化,单选框选中边框变色ui特效。
本文实例讲述了jquery判断单选按钮radio是否选中的方法。分享给大家供大家参考。具体如下: html代码如下: <input type="radio" id="d1" name="ra" value="a" checked="checked" /> <input type="radio" ...
今天小编就为大家分享一篇layui 实现自动选择radio单选框(checked)的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
利用js,html5,SVG动画画笔风格的复选框选中样式和单选按钮选中样式
主要介绍了jQuery设置单选按钮radio选中/不可用的实例代码的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
主要介绍了JQuery判断radio(单选框)是否选中和获取选中值方法总结,本文讲解了利用获取选中值判断选中、使用checked属性判断选中、jquery获取radio单选按钮的值、获取一组radio被选中项的值、设置单选按钮被选中等...
$(function(){ $("input:radio").click(function () { //获取选中的radio的值 if($(this).attr("checked")){ var contactUserId = $(this).val(); alert(contactUserId ); } }); }); </script>
一、select监听 1.首先,要给select加一个layui提供的属性 lay-filter=“level” 这里面的level自己定义,下面会用到 2.导入form layui.use('form', function(){ var form = layui.form; //只有执行了这一步,部分...
CSS3单选按钮动画特效是一款表单元素美化的单选按钮点击选中动画特效。