这里将会总结一些单选框,复选框,文本域之类的问题
【复选框实现单选】
$("input[name='E_IndustrySector']").click(function () { // 取消全部checkbox的选中 $("input[name='E_IndustrySector']").prop("checked", false); // 设置选中当前 $(this).prop("checked", true); });
【单选框实现性别选择】
<div class="radio-div"> <div style=" 100px; float: left;"> <input name="E_Gender" type="radio" value="男" id="man"> <label class="checked"><em></em><span>男</span></label> </div> <div style=" 100px; float: left;"> <input name="E_Gender" type="radio" value="女" id="woman"> <label><em></em><span>女</span></label> </div> <input id="E_Gender" name="E_Gender" type="hidden" value="男"> </div>
$(".radio-div label").click(function () { var radio = $(".radio-div label"); var a = $(this)[0].innerText; if (a == "男") { $(radio[0]).addClass("checked"); $(radio[1]).removeClass("checked"); } else { $(radio[0]).removeClass("checked"); $(radio[1]).addClass("checked"); } $(".radio-div #E_Gender").val(a); var b = $(".radio-div #E_Gender").val(); console.log(b); });
【将数据库中用逗号分隔的字符转化成复选框的选项】
$("[name='E_IndustrySector']").each(function () { if (row.E_IndustrySector != null) { if (row.E_IndustrySector.indexOf($(this).val()) > -1) { $(this).attr('checked', true) } } })
【在div中插入图片】
if (row.E_ImgUrl != null) { html = "<img id='myImg' src='" + row.E_ImgUrl + "' style='100%;height:100%'>"; } else { html = "<img id='myImg' src='" + defaultUrl + "' style='100%;height:100%'>"; } $("#imgDiv").html(html);
【验证邮箱和联系方式】
var mailstr = /^[A-Za-zd0-9]+([-_.][A-Za-zd]+)*@([A-Za-zd]+[-.])+[A-Za-zd]{2,5}$/; var isMobile = /^(?:13d|15d)d{5}(d{3}|*{3})$/; var isPhone = /^((0d{2,3})-)?(d{7,8})(-(d{3,}))?$/; //判断联系方式是否正常 if (!isMobile.test(contact) && !isPhone.test(contact))
【实现禁用输入框,文本域,radio】
直接在html元素尾部添加 disabled