あにねこ電脳覚書 - サポート掲示板

マーシーさん、こんばんは。
すみません、チェックボックスの on/off の状態を調べるのは、
value ではなくて、checked でした。
という訳で、次のようなコードになります。

【JavaScript部分】
var crs = null;
document.getElementById('cross').onchange = function() {
if (this.checked) {
crs = new OpenLayers.Control.CenterCross({
crosslength: 32,
bold: 1
})
map.addControl(crs);
} else {
map.removeControl(crs);
crs.destroy();
}
}

【html部分】
<div style="float:left;margin-left:5px;"><input id="cross" type="checkbox" />十字線</div>

テスト用のページを作成しました。
http://nanten.sakura.ne.jp/nyanta/test.html
の
gsimaps-cross-sw.html
をクリックしてお試しください。

▼ - Google地図の追加 - マーシー 14/10/25-08:06 No.642
- Re: Google地図の追加 - あにねこ 14/10/25-22:43 No.644
  - Re^2: Google地図の追加 - マーシー 14/10/26-07:18 No.646
  - Re^2: 中心十字アイコンの追加 - マーシー 14/10/27-15:41 No.648
    - Re^3: 中心十字アイコンの追加 - あにねこ 14/10/27-18:44 No.649
      - Re^4: 中心十字アイコンの追加 - マーシー 14/10/28-08:09 No.650
      - Re^4: 中心十字アイコンの追加 - マーシー 14/10/28-22:31 No.651
        
        Re^5: 中心十字アイコンの追加 - あにねこ 14/10/28-22:49 No.652
        
        Re^6: 中心十字アイコンの追加 - あにねこ 14/10/28-22:52 No.653
        Re^6: 中心十字アイコンの追加 - マーシー 14/10/29-09:37 No.654
        
        Re^7: 中心十字アイコンの追加 - あにねこ 14/10/30-01:13 No.656
        
        Re^8: 中心十字アイコンの追加 - ヤマトタケル 14/10/30-08:37 No.657
        Re^8: 中心十字アイコンの追加 - マーシー 14/10/30-09:12 No.658
        
        Re^9: 中心十字アイコンの追加 - あにねこ 14/10/30-23:38 No.659
        
        Re^10: 中心十字アイコンの追加 - マーシー 14/10/31-09:30 No.660
        
        Re^11: 中心十字アイコンの追加 - あにねこ 14/10/31-19:58 No.661
        
        Re^12: 中心十字アイコンの追加 - マーシー 14/10/31-21:00 No.662

おなまえ
eメール
タイトル
メッセージ > マーシーさん、こんばんは。 > すみません、チェックボックスの on/off の状態を調べるのは、 > value ではなくて、checked でした。 > という訳で、次のようなコードになります。 > > 【JavaScript部分】 > var crs = null; > document.getElementById('cross').onchange = function() { > if (this.checked) { > crs = new OpenLayers.Control.CenterCross({ > crosslength: 32, > bold: 1 > }) > map.addControl(crs); > } else { > map.removeControl(crs); > crs.destroy(); > } > } > > 【html部分】 > <div style="float:left;margin-left:5px;"><input id="cross" type="checkbox" />十字線</div> > > テスト用のページを作成しました。 > http://nanten.sakura.ne.jp/nyanta/test.html > の > gsimaps-cross-sw.html > をクリックしてお試しください。
参照先
画像UP
暗証キー	（英数字で8文字以内）
投稿キー	（右画像の数字を入力）

記事No	： 661
投稿日	： 2014/10/31(Fri) 19:58:12
投稿者	：あにねこ
参照先	：