Question

我已经使用这个网站很长时间了，从来没有问过我自己的问题。。。提前欢呼。

我有一组“问题”要列出。然后，用户必须将这些问题排列为第一、第二和第三（但问题可能不止三个）。

我遇到的问题是，如果我使单选按钮在一个方向上互斥，用户可以将所有问题列为#2，但如果我使它们在另一个方向互斥，用户则可以将同一个问题列为#1、#2和#3。

有没有办法（可能使用jquery/Jscript）使单选按钮在两个方向上互斥？

示例：

<table>
<tr>
    <th>Question</th><th>Rank #1</th><th>Rank #2</th><th>Rank #3</th>
</tr><tr>
    <td>QUESTION 1</td>
    <td><input type="radio" name="rank1" value="1" id="1_1" /></td>
    <td><input type="radio" name="rank2" value="1" id="1_2" /></td>
    <td><input type="radio" name="rank3" value="1" id="1_3" /></td>
</tr><tr>
    <td>QUESTION 2</td>
    <td><input type="radio" name="rank1" value="3" id="3_1" /></td>
    <td><input type="radio" name="rank2" value="3" id="3_2" /></td>
    <td><input type="radio" name="rank3" value="3" id="3_3" /></td>
</tr>

In the above example, the value is the question s ID (from the DB)

Answer 1

你必须使用jQuery才能获得这种效果，因为我看不出有什么方法可以用HTML开箱即用下面是一个示例，它给出了所需的效果：

$(document).ready(function() {
    $( :radio ).click(function() {
        $(this).parent().siblings().children( :radio ).attr( checked , false);
    });
});

Answer 2

创造性解决方案：

Why don t you use a widget? you could put questions like layers you can drag and move, example:

http://jqueryui.com/demos/sortable/

http://jqueryui.com/demos/draggable/#sortable

第一个出现的将是第一个。

友情链接