单选按钮可拖动仅移动单选按钮圆圈而不值为什么

Question

这是我的难题。。。

我想用它的值来制作可移动的单选按钮，但它只是移动单选按钮的圆圈，而不是它的值。

HTML:

<input type="radio" id="tstrdb" value="radiobuttion1" name="1">radiobuttion1</input>

查询：

$("#tstrdb").draggable({cancel:''});

这是演示

这适用于DIV标记。

HTML:

<div class="divtag"><input type="radio" id="tstrdb" value="radiobuttion1" name="1">radiobuttion1</input></div>

查询：

$(".divtag").draggable();

DIV演示

但我不想添加更多的控件。

在没有DIV标签的情况下，还有其他方法吗？

Answer 1

<input>标签无法关闭。如果要标记输入标签，请使用<label>:

<label id="test"><input type="radio"/> Your label</label>

然后呼叫：

$("#test").draggable()

与包装<div>相反，<label>确保您可以单击标签来更改放射盒。