php - 如何在更改事件上交换单选按钮的值？

Question

我正在使用循环在运行时创建单选按钮，它将根据循环按升序选择单选按钮的一个值，例如：

香蕉在第一个，它的选择值为“1”
苹果在第二个，它的选择值为“2”
，橙色在第三个，它的选择值为“3”
，柠檬在第四个，它的选择值为“4”

这是从外部循环创建单选按钮count=4和变量$var获取值的代码，该循环第二次运行，$var值将是 2，依此类推，以便在上图中的模式显示中选择单选选项

for($i=1;$i<=$count;$i++)
{
$secname=str_replace(" ",'',$data[0]);
if($i==$var)
{
echo("<input type='radio' name='$secname' value='$i' checked='checked'>$i");
}
else
{
echo("<input type='radio' name='$secname' value='$i'>$i");
}
//  echo("<input type='hidden' name='rad[]' value='$i'/>");
}

如何在更改时交换单选按钮值，以便当我选择苹果单选值“1”时，它会将 bana 值更改为“2”交换其值

Answer 1

假设 'apple' 和 'bana' 代表单选按钮的名称属性，您可以使用 jQuery 完成您想要的：

$(document).ready(function(){
   $('input[name="apple"]').change(function(){
      $('input[name="bana"]').each( function(){
         $(this).val( $(this).val() == 1?2:1); // if value is 1, change it to 2, otherwise to 1.
      });
   });
});

Answer 2

(function () {
    var previous;

    $('input[name="'+ inputGroupName +'"]').focus(function () {
        // Store the current value on focus, before it changes
        previous = this.value;
    }).change(function() {
       // Do something with the previous value after the change
       var currentInput = this;
       var newVal = $(this).value();
       $('input').each(function(i, input) {
          if (input.value === newVal && input !== currentInput) {
            input.value = previous;
          }
    });
}());

类似的东西。