如何排除使用 jQuery 提交的 HTML 表单单选按钮值？

给定一个包含一些单选按钮值的表单元素的 HTML 表单，任务是从使用 jQuery 提交的这些值中排除。可以遵循一种主要方法。

方法：使用这个属性和 jQuery 中的 submit()、find() 和 prop() 方法。我们应用submit() 方法到表单，这意味着只要提交表单，就会执行submit()方法中的脚本。我们以 jQuery 对象的形式使用这个属性来引用当前对象。之后， find() 方法用于选择匹配该方法的字符串参数中指定选择器的表单的所有后代。

我们使用“:radio ”选择器选择所有单选按钮。最后，我们通过使用prop()禁用所有这些单选按钮 方法并向其传递两个参数。第一个参数指定要设置的禁用属性。第二个参数设置属性的值为true ，因为我们希望禁用单选按钮。提交表单时，禁用与表单关联的所有单选按钮，以便将它们排除在提交之外。

例子：

HTML

  

    
    
  
    
    
        body {
            text-align: center;
        }
  
        h1 {
            color: green;
            font-size: 40px;
        }
  
        input[type="submit"] {
            cursor: pointer;
        }
  
        form {
            width: 300px;
            margin: 0 auto;
        }
  
        .submitted-details {
            margin-top: 2rem;
        }
    

  

    
        GeeksforGeeks
    
      
    
        jQuery - Exclude HTML form radio 
        button values from being submitted
    
    
  
    
        
            Details
            First name:
            
            
            Last name:
            
            
            Gender : 
             Male
             Female
            
            Email:
            
            
            Date of Birth:
            
            
            
        
    
      
    
        $("form").submit(function (event) {
            $(this).find(":radio").prop("disabled", true);
        });
    

  

输出：

所有提交的没有 jQuery 的表单值：

• 未解析：

  fname=geeks&lname=forgeeks&gender=on&email=geeks%40gmail.com&dob=2022-02-18

• 解析：

  fname: geeks
  lname: forgeeks
  gender: on
  email: [e-mail]
  dob: 2022-02-18

使用 jQuery提交的所有表单值：

• 未解析：

  fname=geeks&lname=forgeeks&email=geeks%40gmail.com&dob=2022-02-18

• 解析：

  fname: geeks
  lname: forgeeks
  email: [e-mail]
  dob: 2022-02-18