Category Archives: JavaScript

JavaScriptにおける継承のサンプル

JSコード
function Cat(name){
Animal.call(this);
this.name = name || ‘Tom’;
}
Cat.prototype = new Animal();

// 検証コード
var cat = new Cat();
console.log(cat.name);
console.log(cat.sleep());
console.log(cat instanceof Animal); // true
console.log(cat instanceof Cat); // true

「jquery入門」OnChange()でセレクトボックスを選択するコード

サンプルコード:
<select name=sel onchange=”funca(this.options[this.options.selectedIndex].value)”>
<option value=””>please select product
<option value=”1″>Item 1
<option value=”2″>Item 2
<option value=”3″>Item 3
</select>
<script>
function funca(s)
{
txt.value+=s;
document.all.sel.options[0].selected=true;
}
</script>
<textarea id=txt></textarea>

「jQuery」チェックボックスのチェック状態を調べる方法

方法1
if ($(“#checkbox-id”)get(0).checked) {
// some code
}

方法2
if($(‘#checkbox-id’).is(‘:checked’)) {
// some code
}

方法3
if ($(‘#checkbox-id’).attr(‘checked’)) {
// some code
}

「JavaScript」concat()で配列の連結方法

JSコード:
<script type=”text/javascript”>

var arr = new Array(3)

arr[0] = “Tom”

arr[1] = “John”

arr[2] = “Lucy”

var arr2 = new Array(3)

arr2[0] = “James”

arr2[1] = “Adrew”

arr2[2] = “Martin”

document.write(arr.concat(arr2))

</script>
結果
Tom,John,Lucy,James,Adrew,Martin

「jQuery」json形式の文字列をオブジェクトへ変換する方法まとめ

json文字列:
var str = ‘{“paName1”:”value1”,”paName2”:”value2”}’;

方法1
var obj = eval (“(” + str + “)”);

方法2
var obj = JSON.parse(str);

方法3
var obj = jquery.parseJSON(str);

jqueryで最初ラジオボタンの値を取得

$(“input[type=radio][checked]”).eq(0).val()

「jQuery」id値/タグ名/クラス名で特定の要素を取り出す方法

1.id値で要素を取り出す
var div = $(‘#abc’);
2.タグで要素を取り出す
var ps = $(‘p’);
ps.length;
3.クラス名でタグで要素を取り出す
var a = $(‘.red’);

「jQuery入門」FormDataを利用するサンプルコード

1.htmlコード
<form id= “uploadForm”>
<p >ファイル名1 <input type=”text” name=”filename” value= “”/></p >
<p >ファイル名2: <input type=”file” name=”file”/></ p>
<input type=”button” value=”アップロード” onclick=”doUpload()” />
</form>

 

2.JavaScriptコード
function doUpload() {
var formData = new FormData($( “#uploadForm” )[0]);
$.ajax({
url: ‘http://localhost:8080/sample/test1/file/upload’ ,
type: ‘POST’,
data: formData,
async: false,
cache: false,
contentType: false,
processData: false,
success: function (returndata) {
alert(returndata);
},
error: function (returndata) {
alert(returndata);
}
});
}

「JavaScript」クエリQueryString文字列を取得するサンプルコード

JavaScriptコード
//QueryStringの配列を取得
function getQueryString(){
var result = location.search.match(new RegExp(“[\?\&][^\?\&]+=[^\?\&]+”,”g”));
for(var i = 0; i < result.length; i++){
result[i] = result[i].substring(1);
}
return result;
}
//QueryStringパラメータ名から値を取得
function getQueryStringByName(name){
var result = location.search.match(new RegExp(“[\?\&]” + name+ “=([^\&]+)”,”i”));
if(result == null || result.length < 1){
return “”;
}
return result[1];
}

「jQuery」keydownイベントを呼び出すサンプルコード

サンプルコード
$(function(){
document.onkeydown = function(e){
var ev = document.all ? window.event : e;
if(ev.keyCode==13) {
$(‘#FormId).submit();//イベント
}
}
});