LoginSignup
3
4

More than 5 years have passed since last update.

sortable での並び替えで、helper に clone 指定していると、ラジオボタンの選択状態が外れる

Last updated at Posted at 2014-11-13

考えれば当たり前の話なんですが、ヘルパーでclone した際、ラジオボタンの選択状態が奪われます。

ドラッグ中はヘルパーが表示されているので問題無いように見えるんですが、並び替えが完了するとヘルパーが消えて元の行が表示されるので、ラジオボタンの選択状態がリセットされたように見える、と。

beforeStop メソッドで、選択状態のラジオボタンと同名のラジオボタンに checked を設定すれば解決します。

javascript
    beforeStop: function (event, ui) {
        $.each($(ui.helper).find(":input:radio:checked"), function () {
            var name = $(this).prop('name');
            $(ui.item).find(":input:radio[name='" + name + "']").prop("checked", true);
        });
    }

http://jsfiddle.net/7mwx5c5y/1/
2014/11/18 ソースが一部おかしかったので修正しました。

3
4
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
4