いいね!数

0

閲覧数
255

csjsでフォーム上のフィールドの入力必須をチェックしています。

//入力必須項目
var Shinseibi=document.getElementById("#{id:Shinseibi}").value;
if(Shinseibi==""){
    alert("申請日を入力してください。");
    document.getElementById("#{id:Shinseibi}").focus();
    return false;
}

ところが、チェックボックスの入力必須チェックのコードの書き方がわかりません。

チェックがひとつもついていない場合にアラートを出したいと思っております。

<チェックボックス>

選択項目:りんご、みかん、ばなな

コードの書き方を教えてください。

よろしくお願い致します。

 

サーバー情報: | クライアント情報: | 
カテゴリ:アプリ開発 - XPages | タグ:
  | 質問日時:Oct 28, 2016, 10:57:50 AM

回答・コメント

いいね!数

0

valueじゃなくて、innerHTMLとかcheckedで操作するのがいいのではないでしょうか?


https://www.ipentec.com/document/document.aspx?page=javascript-get-checkbox-value
とか
http://www.tagindex.com/javascript/form/check4.html
 

が役に立つのではないでしょうか?

回答日時:Oct 28, 2016, 11:16:03 AM

いいね!数

1

CSJSもっとスリムになる気がして仕方がないですが、とりあえずこんな感じで動きました。

<?xml version="1.0" encoding="UTF-8"?>
<xp:view xmlns:xp="http://www.ibm.com/xsp/core">

	<xp:checkBoxGroup id="checkBoxGroup1">
		<xp:selectItem itemLabel="リンゴ" itemValue="リンゴ"></xp:selectItem>
		<xp:selectItem itemLabel="みかん" itemValue="みかん"></xp:selectItem>
		<xp:selectItem itemLabel="ばなな" itemValue="ばなな"></xp:selectItem>
	</xp:checkBoxGroup>
	<xp:button value="ラベル" id="button1">
		<xp:eventHandler event="onclick" submit="false">
			<xp:this.script><![CDATA[var chkbox= dojo.byId("#{id:checkBoxGroup1}");
var chk_radio = dojo.query("input[type=checkbox]:checked", chkbox)[0];
if (chk_radio == null){
	alert("選択されていません");
	return false;
}
]]></xp:this.script>
		</xp:eventHandler></xp:button>
</xp:view>
回答日時:Oct 28, 2016, 11:39:51 AM

いいね!数

0

およよさん、Kazu Tatsukiさん、

早々のご回答をありがとうございます。

Kazu Tatsukiさんのコードでやりたことが実現できました。

おふたりともありがとうございました!

 

回答日時:Oct 28, 2016, 1:19:21 PM

いいね!数

0

XNotes様

乗り遅れましたが、以下のサイトもご参考になればと思います。

http://celinainsurance.blogspot.jp/2011/04/getting-setting-values-with-ssjs-and.html

CSJS - Client Side JavaScriptに書きたいことがまさにあるのでは?と思います。

 

他力本願でスイマセン。

 

mak

 

回答日時:Oct 31, 2016, 11:11:18 AM