在页面中，用户输入姓名、性别和婚姻状况，单击”提交”按钮后，将获取到的数据信息显示在页面”div”标记中。

该示例的HTML代码：

姓名：<input id="name" type="text">
性别：<input id="sex1" type="radio" name="sex" value="男">男
 <input id="sex2" type="radio" name="sex" value="女">女
婚否：<input id="marry" type="checkbox">
 <input id="submit" type="submit" value="提交" onclick="btnclick();">
<div id="tip"></div>

该示例的jQuery代码：

<script type="text/javascript">
 $(function() {
 $("#submit").click(function() {
 var name = $("#name").val();
 var sex = $("#sex1").is(":checked") ? "男" : "女";
 var marry = $("#marry").is(":checked") ? "已婚" : "未婚";
 $("#tip").css("display", "block").html(name + "<br>" + sex + "<br>" + marry);
 })
 })
</script>

在上面的代码中，$(“name”).val()在jQuery库中表示获取ID为”name”的值；$(“#sex”).is(“:checked”)表示ID为“sex”的单选按钮是否被选中，如果选中则返回“男”，否则，返回“女”。