jquery - 如何根据选择一组单独的单选按钮来更改按钮的 "value"和 "id"

Question

我有一个包含两个单选按钮和一个按钮的表单。我想根据选择的两个单选按钮中的哪一个来更改按钮的值。我的猜测是，使用 jQuery 比 PHP 更好，但请告诉我这是否是错误的假设。

以下是 HTML 示例:

<form>
  <ul>
    <li>
     <input type="radio" name="basic" value="basic1">
     <label for="basic1">Basic 1</label>
    </li>
    <li>
    <input type="radio" name="basic" value="basic2">
    <label for="basic2">Basic 2</label>
    </li>
  </ul>
  <button id="basic1" name="startReg" type="submit" value="basic1">Confirm</button>
</form>

简而言之，我想将按钮 ID 和值替换为所选单选按钮的值。因此，如果选择第二个单选按钮，按钮标签将如下所示:

<button id="basic2" name="startReg" type="submit" value="basic2">Confirm</button>

Answer 1

你可以这样做:

$(':radio').on('change', function() {

  // this.value for get the id of radio

  $('button[name=startReg]')
                        .attr('id', this.value )   // change id of button
                        .val( this.value );        // update value of button
});

<强> DEMO

但选定的radio值将自动提交。