Catalog Online 記事一覧

--------------------------------
HTML
--------------------------------
<input type="radio" name="radio1" id="radio1_1" value="1">
<input type="radio" name="radio1" id="radio1_2" value="2">
<input type="radio" name="radio1" id="radio1_3" value="3">

<input type="radio" name="radio2" id="radio2_1" value="1">
<input type="radio" name="radio2" id="radio2_2" value="2">
<input type="radio" name="radio2" id="radio2_3" value="3">

--------------------------------
JQuery
--------------------------------
// 予めチェックされているもの
var nowchecked = [];
$('input[type="radio"]:checked').each(function(){
nowchecked.push( $(this).attr('id') );
});

$('input[type="radio"]').click(function(){
var idx = $.inArray( $(this).attr('id'), nowchecked ); // nowcheckedにクリックされたボタンのidが含まれるか判定。なければ-1が返る。
if( idx >= 0 ) { // クリックしたボタンにチェックが入っていた場合
$(this).prop('checked', false); // チェックを外す
nowchecked.splice(idx,1); // nowcheckedからこのボタンのidを削除
} else { // チェックが入っていなかった場合
// 同じname属性のラジオボタンをnowcheckedから削除する
var name = $(this).attr('name');
$('input[name="' + name + '"]').each(function(){
var idx2 = $.inArray( $(this).attr('id'), nowchecked);
if( idx2 >= 0 ){
nowchecked.splice(idx2,1);
}
});
// チェックしたものをnowcheckedに追加
nowchecked.push( $(this).attr('id') );
}
});

https://norando.net/radio-cancel/

タグ　>>　 javascript　 JQuery　

マンガで分かる JavaScript プログラミング講座第2版[edit]

2016/08/18 【リンク】

●第1部 JavaScriptプログラミングの基本
第1話：プロ部登場
第2話：プログラムって何？
第3話：書いてみよう
第4話：数値変数と計算
第5話：文字列変数と様々な出力
第6話：真と偽条件分岐と演算子
第7話：ループ処理
第8話：配列
第9話：連想配列のループ処理
第10話：関数
第11話：変数のスコープ
第12話：型、オブジェクト、クラス

●第2部脱初心者プログラミング
第13話：日付オブジェクト
第14話：配列のソートと無名関数
第15話：正規表現

●第3部 Webページのプログラミング
第16話：WebページのJavaScript
第17話：Webページの書き換え
第18話：イベントによる処理
第19話：タイマーによる処理
第20話：スタイルシート
第21話：クッキーの利用

●第4部応用編
第22話：jQueryの利用
第23話：jQueryを利用した通信処理
第24話：ブックマークレット
第25話：WSHを利用したローカルアプリケーション
第26話：HTAを利用したウインドウ付きアプリケーション
第27話：終わりに

http://crocro.com/write/manga_javascript/wiki.cgi

タグ　>>　 ajax　

jQuery API Documentation | Ajax[edit]

2015/04/20 【リンク】

このサイト「jQuery API Documentation 日本語訳」は、2012年5月頃時点のjQuery API Documentationを日本語に翻訳したものです。
この翻訳は、原文取得時のjQueryのバージョンが1.7.2のため、jQuery最新バージョンに対応していない箇所があります。また、jQuery API Documentationは随時変更が加えられているため、このサイトで記載されている原文と最新版の原文に相違があることに注意してください。今後は原文の最新版に合わせてこの翻訳も更新を継続する予定ではありますが、更新の保証はできかねますのでご了承ください。

http://s3pw.com/jQ-JPN/jquery.ajax/

PhoneGapアプリでBasic認証を使ったサーバ通信を行う方法[edit]

2015/04/04 【リンク】

PhoneGapを使ったアプリにおけるサーバとの通信は、PhoneGapの設定ファイルを変更する以外は通常のAjaxによる非同期通信となんら変わるところがありません。
(タグ：monaca)

＜参考＞
jQuery.ajax()のまとめ
http://www.koikikukan.com/archives/2012/10/02-005555.php

http://www.adobe.com/jp/devnet/phonegap/articles/phonegap_external_host.html

「jQuery」検索結果

画面中央に表示するモーダルウィンドウを実装[edit]

外部公開APIによる郵便番号からの住所取得(Ajaxを使いPHPからデータを取得)[edit]

ラジオボタンを2度押しで選択解除する（複数グループ）[edit]

マンガで分かる JavaScript プログラミング講座 第2版[edit]

jQuery API Documentation | Ajax[edit]

PhoneGapアプリでBasic認証を使ったサーバ通信を行う方法[edit]

マンガで分かる JavaScript プログラミング講座第2版[edit]