JQuery怎样给某个input元素设置required属性让它必填?

JQuery怎样给某个input元素设置required属性让它必填?,第1张

input标签checkbox多选框设定required属性,提示请选择一项,至少选择一项才可以提交,现在问题是我选择第一个后,它继续提示请选择第二个多选框,一直到最后一个全选才能提交,怎样设置选择1个后就能提交表单

<label><input type="checkbox" value="" />企业品牌&nbsp&nbsp</label><label><input type="checkbox" value="" />地段位置&nbsp&nbsp</label>

<label><input type="checkbox" value="" />周边配套&nbsp&nbsp</label>

<label><input type="checkbox" value="" />项目规模&nbsp&nbsp</label>

<label><input type="checkbox" value="" />景观规划&nbsp&nbsp</label>

<label><input type="checkbox" value="" />户型产品&nbsp&nbsp</label>

<label><input type="checkbox" value="" />销售价格&nbsp&nbsp</label>

<label><input type="checkbox" value="" />销售证件&nbsp&nbsp</label><span class="myreq" style="color:redvisibility:hidden">X 请选择一项</span>

</div>

<input type="button" onclick="fnRequired()" value="确定" />

<script type="text/javascript">

// required 是 指 这 选项 必须 要 填 但是 你 要 全部 选择 都 没选 才 提示 而且 还 固定 性的 比如 你 给 第一个 加 那 就得 选 这个  所以 并不 适合 给 复选框 加 这 属性 所有 还是 自定义 加 提示的 好 你 可以 改 一下

function fnRequired(){

var b = [].some.call(document.querySelectorAll('label>input[type="checkbox"]'),function(e){

return e.checked

})

document.querySelector('.myreq').style.visibility = b ? 'hidden' : 'visible'

}

</script>

if($("#aaaa").val()=="" || $("#bbbb").val()==""){

alert("必填项为空")

} else{

document.form1.submit()

}


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/11557494.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-17
下一篇 2023-05-17

发表评论

登录后才能评论

评论列表(0条)

保存