Question

我创建了两个单选按钮：

<form>
        <p><input type="radio" name="center" value="center">Center</p>
        <p><input type="radio" name="right" value="right">Lower Right</p>
    </form>

和一个移动div位置的jquery脚本，它正在工作，但我有两个问题：

1）当我检查一个单选按钮时，当我检查另一个单选按钮时，它不会被取消选中，因为我使用的是不同的名称，我将需要点击事件。

2）中心位置和右下角是硬编码的。

任何想法都将受到赞赏。

<script>
            $(function(){
                $(init);
                function init(){
                    $('#target').draggable();
                }
                $('input[name=center]:radio').click(function(){
                    $('#target').css({
                        position:'absolute',
                        top:200 + 'px',
                        left:45 + 'px'
                    });
                });
                $('input[name=right]:radio').click(function(){
                    $('#target').css({
                        position:'absolute',
                        top:550 + 'px',
                        right:200 + 'px'
                    });
                });
            });
    </script>

Answer 1

使用ID属性区分Click事件处理程序中的元素。保持radiobutton名称相同。这样，您就不必破解解决方案;您只需使用浏览器的默认功能：

<form>
    <p><input type="radio" id="center" name="someFormValue" value="center" />Center</p>
    <p><input type="radio" id="right" name="someFormValue" value="right" />Lower Right</p>
</form>

如何在Jquery中切换选中的单选按钮？

1 个答案: