Javascript 基于一个单选按钮的不需要的隐藏输入
我有三个单选按钮:infistall、delivery和estock 每个单选按钮将显示/隐藏需要填充的一些输入 单击其中一个单选按钮时,将显示一些输入,并且必须填写这些输入 我的问题是,当所需输入被隐藏时,如何使其不再是必需的 这是一个基于单选按钮隐藏输入的脚本Javascript 基于一个单选按钮的不需要的隐藏输入,javascript,jquery,Javascript,Jquery,我有三个单选按钮:infistall、delivery和estock 每个单选按钮将显示/隐藏需要填充的一些输入 单击其中一个单选按钮时,将显示一些输入,并且必须填写这些输入 我的问题是,当所需输入被隐藏时,如何使其不再是必需的 这是一个基于单选按钮隐藏输入的脚本 <style type="text/css">.box{display: none;}</style> <script type="text/javascript" src="http://cod
<style type="text/css">.box{display: none;}</style>
<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('input[type="radio"]').click(function(){
if($(this).attr("value")=="EStock"){
$(".box").hide();
$(".EStock").show();
}
if($(this).attr("value")=="InfiStall"){
$(".box").hide();
$(".InfiStall").show();
}
if($(this).attr("value")=="Delivery"){
$(".box").hide();
$(".Delivery").show();
}
});
});
</script>
.box{display:none;}
$(文档).ready(函数(){
$('input[type=“radio”]”)。单击(函数(){
if($(this.attr(“value”)==“EStock”){
$(“.box”).hide();
$(“.EStock”).show();
}
if($(this.attr(“value”)=“InfiStall”){
$(“.box”).hide();
$(“.InfiStall”).show();
}
if($(this.attr(“value”)=“Delivery”){
$(“.box”).hide();
$(“.Delivery”).show();
}
});
});
echo';
echo’Metode Pengambillan Barang:
- EStock
- InfiStall
- 交付
';
回声'
Pilih Layanan Antar:
JNE
TIKI
- 城市
- 地址
';
回声'
Pilih-Lokasi-Infi-Stall:
Kemayoran
Sunter
';
我们将保留您的订单,直到您决定尽快订购
';
您可以使用removeAttr()
从li内部的输入型收音机中删除所需属性,如图所示:-
$(document).ready(function(){
$('input[type="radio"]').click(function(){
if($(this).attr("value")=="EStock"){
$(".box").hide();
$(".box ul li input:radio").removeAttr('required');
$(".EStock").show();
}
if($(this).attr("value")=="InfiStall"){
$(".box").hide();
$(".box ul li input:radio").removeAttr('required');
$(".InfiStall").show();
}
if($(this).attr("value")=="Delivery"){
$(".box").hide();
$(".box ul li input:radio").removeAttr('required');
$(".Delivery").show();
}
});
});
如提问者所述,他也想删除该值,然后您可以尝试清空该值或使用
.removeAttr()
,如图所示:
$(".box ul li input:radio").removeAttr('value');
或
或
正如leo在评论部分正确评论的那样,您可以在字段中添加禁用属性,禁用的字段值永远不能发布到服务器。我本来要回答您之前的问题,但在我完成回答后您删除了它,现在我害怕写答案。@AhmetCanGüven haha..来吧,别这样shy@AhmetCanGuven哦,老兄,我很抱歉,因为我必须用更多的详细信息来编辑这个问题。非常感谢你努力帮助我。我真的很感激,太好了。如果我也删除了该值,因为如果该值未被选中,我不想将其发送到数据库,该怎么办。@klaudia..是的,您可以这样做,或者您可以使用jquery
.val(“”)将该值设置为空
…如果答案解决了您的问题,请接受更新投票,这样接受的答案也可以帮助访问者..谢谢…@klaudia在您的输入字段中添加“禁用”,它不会发送任何空值是的,我将接受答案,但它会让我等一分钟,请耐心等待,伙计。你会得到名声,因为你是伟大的。但是你能帮我编辑你的答案,告诉我如何删除这个值吗?@leo,你的意思是我必须用javascript添加禁用?
$(".box ul li input:radio").removeAttr('value');
$(".box ul li input:radio").val('');