csjsでチェックボックスの入力必須

いいね!数

閲覧数

319

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

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

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

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

＜チェックボックス＞

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

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

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

サーバー情報：　｜　クライアント情報：　｜　

カテゴリ:アプリ開発 - XPages | タグ:

| 質問日時:2016/10/28 10:57:50

XNotes

448p

回答・コメント

いいね!数

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

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

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

回答日時:2016/10/28 11:16:03

およよ

2,884p

いいね!数

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>