禁用的单选按钮值丢失,并传递最后一个隐藏的输入值


Disabled Radio button value lost and last hidden input value is passed

在我正在开发的WordPress插件中,我使用的是WordPress设置api。在我用来显示包含单选按钮的设置的回调中,我启用它们并根据复选框值禁用它们。无论如何,我尝试使用隐藏输入来存储它们的值,即使它们被禁用,但这会使情况变得更糟,因为它总是采用最后一个隐藏输入的值,在我的例子中是"4"。

if(get_option( 'display_style' ) == 2){
$disabled = 'disabled';
}
$html = '<input type="radio" id="onecolumn" class="cardchecked" name="card_columns" value="1"' . checked( 1, get_option( 'card_columns' ), false ) . $disabled . '/>';  
$html .= '<input type="hidden" name="card_columns" value="1" />';  
$html .= '<label for="onecolumn">One</label>';  
$html .= '<input type="radio" id="twoclumn" class="cardchecked" name="card_columns" value="2"' . checked( 2, get_option( 'card_columns' ), false ) . $disabled . '/>';  
$html .= '<input type="hidden" name="card_columns" value="2" />';  
$html .= '<label for="twoclumn">Two</label>';  
$html .= '<input type="radio" id="threecolumn" class="cardchecked" name="card_columns" value="3"' . checked( 3, get_option( 'card_columns' ), false ) . $disabled . '/>';  
$html .= '<input type="hidden" name="card_columns" value="3" />';  
$html .= '<label for="threecolumn">Three</label>';  
$html .= '<input type="radio" id="fourcolumn" class="cardchecked" name="card_columns" value="4"' . checked( 4, get_option( 'card_columns' ), false ) . $disabled . '/>';  
$html .= '<input type="hidden" name="card_columns" value="4" />';  
$html .= '<label for="fourcolumn">Four</label>';  
echo $html;

隐藏的输入name不能与无线电输入的name相同,因为它的值是恒定的,并且会覆盖具有相同name的任何先前输入的值。

if(get_option( 'display_style' ) == 2){
$disabled = 'disabled';
}
$html .= '<input type="hidden" name="card_columns" value="1" />'; 
$html = '<input type="radio" id="onecolumn" class="cardchecked" name="card_columns" value="1"' . checked( 1, get_option( 'card_columns' ), false ) . $disabled . '/>';    
$html .= '<label for="onecolumn">One</label>';  
...

您必须使用 javascript 设置隐藏输入字段的值。在收音机顶部仅放置一个隐藏输入将确保如果禁用单选按钮,则提交隐藏输入的值,但如果启用单选按钮,它们将覆盖隐藏输入的值。