如何使用 jQuery 更改复选框值？

复选框用于让用户为有限数量的选项选择一个或多个选项。 :checkbox选择器选择类型为 checkbox 的输入元素。
句法：

$('#textboxID').val($("#checkboxID").is(':checked'));

在上面的语法中，基本上选中或未选中复选框的返回值被分配给文本框。以下示例将说明该方法：
示例 1：这里使用click()函数将复选框的返回值分配给文本框，每当单击复选框以选中或取消选中时，它会将相应的返回值分配给文本框。因此，如果我们想根据 check 在文本框中分配某个用户定义的值，那么我们可以使用if/else语句来实现。

html

  

    
    
  
    
        $(document).ready(function() {
  
            // Set initial state
            $('#textbox2').val($(this).is(':checked'));
  
            // It gets checked to false as uncheck
            // is the default
            $('#checkbox1').click(function() {
                $('#textbox2').val($(this).is(':checked'));
            });
        });
    

  

    
        
            GeeksforGeeks
        
          
          

            A Computer Science
            Portal for Geeks
        
  
          
        
        Check if true, Uncheck if false.
          
        
          
        
    

  

输出：

示例 2：此示例包含多个复选框。

javascript

  

    
    
  
    
        $(document).ready(function() {
              
            // Set initial state
            $('#textbox1').val('no');
          
            // Returns yes or no in textbox1
            // when checked and unchecked
            $('#checkbox1').click(function() {
                if ($("#checkbox1").is(":checked") == true) {
                    $('#textbox1').val('yes');
                } else {
                    $('#textbox1').val('no');
                }
            });
          
            // Returns male in textbox2 if checkbox2 checked.
            $('#checkbox2').click(function() {
                if ($('#checkbox2').is(":checked") == true) {
                    $('#textbox2').val('Male');
                } else {
                    $('#textbox2').val('');
                }
            });
          
            // Returns female in textbox2
            // if checkbox2 checked.
            $('#checkbox3').change(function() {
                if ($('#checkbox3').is(":checked") == true) {
                    $('#textbox2').val('Female');
                } else {
                    $('#textbox2').val('');
                }
            });
        });
    

  

    
        
            GeeksforGeeks
        
          
          

            A Computer Science
            Portal for Geeks
        
  
          
        
        Check If yes!
        
          
        
        
          
         Male
         Female
        
          
        
    

  

输出：

jQuery 是一个开源 JavaScript 库，它简化了 HTML/CSS 文档之间的交互，它以其“少写，多做”的理念而广为人知。
您可以按照此 jQuery 教程和 jQuery 示例从头开始学习 jQuery。