在我正在开发的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 设置隐藏输入字段的值。在收音机顶部仅放置一个隐藏输入将确保如果禁用单选按钮,则提交隐藏输入的值,但如果启用单选按钮,它们将覆盖隐藏输入的值。