現在フォームを作成しています。
ちょっとした確認セクションを作りたいと思っています。
ラジオチェックをクリックするとwindow.comfrimが表示され「送信を希望されますか？」という確認を表示し、OKをクリックするとフォームの下に送信ボタンの<input type="submit" value="送信">が表示されるようにしたいと考えています。
自力で書いたソース：
<javascript>
function check(){
if(window.confirm('送信を希望しますか？')){
//ここでSubmitを表示さるプロセス？
}
}
</javascript>
<input type="radio" name="check" value="1" onClick="check()">送信希望
よろしくお願いします。
投稿日時 - 2007-12-03 20:26:16
checkboxの値と連携させるなら以下の感じかな。
<input type="checkbox" id='need' onclick='on()' /><label for="need">希望</label>
<div id="go" style="display:none"><input type="submit" value="go" /></div>
<script type='text/javascript'><!--
function on()
{
if(document.getElementById('test').checked)
document.getElementById('go').style.display = 'block';
else
document.getElementById('go').style.display = 'none';
}
// --></script>
まぁ私もdisabledで制御した方が良いと思いますが。
投稿日時 - 2007-12-04 15:02:25
0人が「このQ&Aが役に立った」と投票しています
ベストアンサー以外の回答（2件中 1～2件目)
自分なら jQuery を使って、
jQuery('#ボタンを表示したい場所の直前のタグのid').after('<input type="submit" value="送信" />');
としますね。これなら CSS を切っていても期待通りに動きますので。
jQuery に関しては参考 URL を参照してください。相当便利です。
ループとか書く必要がほぼなくなりますので。DHTML も楽々です。
参考URL：http://labs.unoh.net/2007/08/introducing_javascript_jquery.html
投稿日時 - 2007-12-05 11:26:01
表示のオン、オフを切り替えるならdisabledで調整したほうが
明示的では？
<script language=javascript>
function formcheck(obj){
if(obj.checked) document.getElementById("sosinkibou").disabled=!window.confirm('送信を希望しますか？');
}
</script>
<form>
<input type="checkbox" name="check" value="1" onClick="return formcheck(this)">
<input type="submit" value="送信希望" id="sosinkibou" disabled>
</form>
投稿日時 - 2007-12-03 20:49:24
