Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 基于一个单选按钮的不需要的隐藏输入_Javascript_Jquery - Fatal编程技术网

Javascript 基于一个单选按钮的不需要的隐藏输入

Javascript 基于一个单选按钮的不需要的隐藏输入,javascript,jquery,Javascript,Jquery,我有三个单选按钮:infistall、delivery和estock 每个单选按钮将显示/隐藏需要填充的一些输入 单击其中一个单选按钮时,将显示一些输入,并且必须填写这些输入 我的问题是,当所需输入被隐藏时,如何使其不再是必需的 这是一个基于单选按钮隐藏输入的脚本 <style type="text/css">.box{display: none;}</style> <script type="text/javascript" src="http://cod

我有三个单选按钮:infistall、delivery和estock

每个单选按钮将显示/隐藏需要填充的一些输入

单击其中一个单选按钮时,将显示一些输入,并且必须填写这些输入

我的问题是,当所需输入被隐藏时,如何使其不再是必需的

这是一个基于单选按钮隐藏输入的脚本

  <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('');