Posted on

チェックボックスをラジオボタンのような動作にする。

Webで検索して、同様の記事があり、私の作成している
CakePHPで適用したところ、
チェックするとチェックができなく困っていました。
そこで、同じ動作ができないか、工夫してみました。
以下がそのソースです。
JQUERYは読み込んでいることが前提ですが、
$(this).attr(‘checked’, true);
の動作がおかしい場合、試してみてください。


サンプルソースは以下の通りです。

<script type="text/javascript">
$(function(){
$(document).on("click" ,"input[id$='_main']", function(ev){
var clickthis = this
$("input[id$='_main']").each( function() {
if (clickthis.id != this.id) {
$(this).attr('checked', false);
}
});
});
});

 1<br>
 2<br>
 3<br>