ウィジェットフォームのラベルテキストでラジオボタンを選択できません

Question

フォームのウィジェットのラベルテキストからラジオボタンを選択できません。次のコードはMDNであり、jsFiddleではうまく動作しますが、WordPressのウィジェットフォーム領域ではうまく動作しませんでした。

<p> 
    <input type="radio" id="channel_id" name="<?php echo esc_attr($this->get_field_name('channel_type')); ?>" value="channelid" <?php echo ($channel_type == 'channelid') ? 'checked' : ''; ?>> 
    <label for="channel_id">Channel ID</label><br> 
    <input type="radio" id="channel_name" name="<?php echo esc_attr($this->get_field_name('channel_type')); ?>" value="channel" <?php echo ($channel_type == 'channel') ? 'checked' : ''; ?>> 
    <label for="channel_name">Channel name</label> 
</p> 

この機能を変更するには、Wordpressウィジェットの領域で何が起こっていますか？

ありがとうございました。

編集：このコードは、WP_Widgetを拡張するクラスのフォームメソッドに配置されます。あなたが見ることができるようにここでが、それはjsFiddleではなく、Wordpressのウィジェットパネルから機能し、ブラウザhttps://jsfiddle.net/n2fole00/xjo86zc7/から出力された：それはここにhttps://codex.wordpress.org/Widgets_API

フィドルた例の修正版です。

Answer 1

<p> 
    <input type="radio" id="channel_id" name="<?php echo esc_attr($this->get_field_name('channel_type')); ?>" value="channelid" <?php echo ($this->get_field_name('channel_type') == 'channelid') ? 'checked' : ''; ?>> 
    <label for="channel_id">Channel ID</label><br> 
    <input type="radio" id="channel_name" name="<?php echo esc_attr($this->get_field_name('channel_type')); ?>" value="channel" <?php echo ($this->get_field_name('channel_type') == 'channel') ? 'checked' : ''; ?>> 
    <label for="channel_name">Channel name</label> 
</p>