0

チェックボックスがクリックされたときにdivを表示するのに苦労しているようですが、問題はかなり簡単ですが、これを解決するための適切なjqueryソリューションが見つからないようです。

$html=
'<form action="contacted.php"  method="POST">
<input type = "hidden" name = "contact" class  = "hidden" value = "'.$ip.'">
<input type="checkbox" id="contact'.$ip.'" value = "'.$ip.'" onclick="show()"/>
<div class="hide" style="
    display:none;
    border:3px 
    solid black; 
    background-color:grey; 
    color:white; 
    width:200px; 
    position:absolute; 
    left:40%;
    top:20%;
    -moz-border-radius: 15px; 
    border-radius: 15px;
    padding:4px;
    z-index:1000;
    Width:500px;
">
<textarea name = "notes" style = "" > Let\'s get some notes about that...</textarea>
<input type="submit" value="YES"/>
<input type="button" value="NO" onclick="hide()">
</div>
</form>';

これは for ループ内に$ipあり、識別子です。しかし、それはかなり簡単です。

私が試したjquery

function show(){
    $(this).parent().find('.hide').css("display","block")
}

チェックボックスがクリックされたときにdiv非表示を表示しようとしています（これは同じページで複数回発生します）。jqueryドキュメントから正しい組み合わせをまとめることができません。何か案は？これは簡単だと確信しています。私はJavaScriptの提案を除いて喜んでいます:)

4

4 に答える 4

0

これを試して

変化する

<input type="checkbox" id="contact'.$ip.'" value = "'.$ip.'" onclick="show()"/>

に

<input type="checkbox" id="contact'.$ip.'" value = "'.$ip.'" onclick="show(this)"/>

そしてスクリプト

function show()
{
    this.parent().find('.hide').css("display","block");
}
于 2013-04-15T18:25:56.493 に答える
0

クリックした要素を次のように関数に渡します

<input type="checkbox" id="contact'.$ip.'" value = "'.$ip.'" onclick="show(this)"/>

と

function show(element){
    $(element).parent().find('.hide').css("display","block");
}
于 2013-04-15T18:27:51.877 に答える