javascript - jquery- 选择器来解析特定单选按钮或复选框的所有元素

Question

我正在尝试解析单个单选按钮(或复选框)中的所有元素。 在我的代码中，$(this) 指的是特定的单选按钮或复选框...

我想要的是使用 'each' 创建一个函数，它解析单选框或复选框的所有值..

我尝试创建的代码如下所示--

...SOME CODE....
...SOME CODE....
else if (($(this).attr('type')=="radio")||($(this).attr('type')=="checkbox"))
             {
                $(this).<WHAT SHOULD BE THE CODE HERE>.each(function(){ 

                        alert( " Option value=" + $(this).val() );    

                });
             }

上面指示的代码应该是什么，以便我可以解析单选按钮/复选框的所有元素。另外，我想同时获取文本值和赋值，我想这可以分别使用 text() 和 val() 来完成？

复选框示例 --

 <input type="checkbox" name="color" value="red1">
 Red<br>

<input type="checkbox" name="color" value="yellow1">
Yellow<br>

<input type="checkbox" name="color" value="blue1">
Blue<br>

<input type="checkbox" name="color" value="orange1">
Orange<br>

<input type="checkbox" name="color" value="green1">
Green<br>

 <input type="checkbox" name="color" value="purple1">
 Purple<br>

从上面的例子可以看出，对于复选框的每个元素，使用 val() 应该获取“red1”、“yellow1”、“blue1”等等...而使用 text() 应该获取“Red” ""黄色""蓝色"等等...

Answer 1

$('input[type="checkbox"], input[type="radio"]').each(function(){
  $('[name="' + $(this).prop('name') + '"]').each(function(){ 
    // Do stuff here with $(this).val();
    // Should be red1, yellow1, blue1, ...
  });
});