「jquery入門」ラジオボタン、セレクトボックスとチェックボックスの値を取得する
1.ラジオボタン
<form id=”ddFrm”>
<input type=”radio” name=”rdo_cft” va ...
「jQuery入門」addClass()とremoveClass()でCSSのクラスを追加、削除するサンプル
1.CSSコード
<style>
.cft{
//some code
}
.cssDemo1{
background-color:xxx;
}
.cssDem ...
「jQuery入門」focus()、blur()、on() の使い方
1.focus()
$(“input”).focus(function(){
$(this).css(“background-color”, “#cccccc ...
「jQuery入門」is(‘:checked’)でチェックボックスの状態を調べるコード
1.htmlコード
<input id=”UpdateMode” type=”checkbox”>更新モード<br>
<textarea i ...
「JavaScript入門」選択されたファイルのサイズを取得するサンプル
1.htmlコード
<input type=”file” id=”formFile” >
<input type=”button” ...
「jQuery入門」each()で複数の要素をループ処理するコード
1.htmlコード
<ul>
<li>data1</li>
<li>data2</li>
<li>data3</li> ...
「jQuery入門」textareaの改行コードを
に置換するサンプル
JSコード:
$(‘#txtarea’).change(function() {
var cftVal = $(‘txtarea’).val();
$(̵ ...
「jQuery入門」input type=fileのchange()の書き方
JSPコード
<input type=”file” id=”cfUpload” name=”cfUpload”>
<input ...
「jQuery入門」disabledを変更するコード
JSコード
$(“button:eq(0)”).click(function(){
var text1=$(“input:text:eq(0)”);
if(tex ...
「jQuery入門」css(‘display’, ‘none’)の使い方
①htmlコード
<button>クリック</button>
<div>テスト</div>
②要素の非表示
$(function() {
$( ...
「jQuery入門」blockUI()で要素を指定するサンプル
サンプルコード:
<script>
$(function(){
$(‘#testBtn’).click(function() {
$.blockUI({
me ...
「jQUery入門」$.blockUIの使い方
JSコード:
<script>
$(function(){
$(‘#testbtn’).click(function(){
$.blockUI({
messa ...
「jQUery入門」$(“:checkbox:checked”).parents(“tr”).find()のサンプル
1.Htmlコード
<table>
<tr>
<td><input type=”checkbox” name=”test” ...
「jQuery入門」each()で複数要素をループで処理するコード
1.htmlコード
<table class=”cft”>
<tr>
<th></th>
<th>test data1 ...
「jQuery入門」find()、children()とparents()の使い方
1.find()で子孫要素を取得
$(“table.demoTbl”).find(“td”).css(“background-color”, “ ...
「jQuery入門」チェックボックスのチェック状態を調べるサンプル
方法1
if($(“#chkItem:checked”).val()) {
alert(“チェックされています。”);
}
else {
aler ...
「jQuery入門」function関数の使い方
JSコード:
$(function() {
$(‘#testButton’).click(doUserInfo);
function doUserInfo() {
var uuI ...
「jQuery入門」テキストボックス(textbox)内データの取得コード
JSコード:
jQuery(function ($) {
$(“#btnInfo”).click( function() {
var msgHint = “アカウント: ...