247-jquery 监听 radio、 check 的修改事件

jquery 监听 radio、 check 的修改事件：

使用.change()事件来监听radio和checkbox元素的修改事件

// 监听radio元素的修改事件
    $('input[type=radio][name=gender]').change(function() {
      console.log('Gender changed:', $(this).val());
    });
    
        // 监听checkbox元素的修改事件
    $('input[type=checkbox][name=hobby]').change(function() {
      console.log('Hobby changed:', $(this).val());
    });
    

获取是否选中的值：

使用jQuery的:checked选择器

    // 获取选中的radio的值
    var selectedGender = $('input[type=radio][name=gender]:checked').val();
    console.log('Selected Gender:', selectedGender);

    // 获取选中的checkbox的值
    var selectedHobbies = $('input[type=checkbox][name=hobby]:checked').map(function() {
      return $(this).val();
    }).get();
    console.log('Selected Hobbies:', selectedHobbies);

radio修改事件中， 获取选中的状态：

    $('input[type=radio][name=gender]').change(function() {
      // 获取选中的状态
      var isChecked = $(this).prop('checked');

      // 输出选中状态到控制台
      console.log('Selected State:', isChecked);
    });