Javascript - 按值选择复选框

时间:2012-10-23 14:07:00

标签: javascript html checkbox selected

当我点击图片时,我使用此代码选择一个复选框,但这不起作用。

$linkToInterview = 'checkById(document.myform.checkbox,$interview_id)';
?>
<a href="javascript:void(0);" onclick='<?=$linkToInterview?>'><img src="<?=siteConfig::img_dir?>new_photos/video.gif" style="border:0px"/></a>

和Javascript功能:

<script type="text/javascript">
function checkByID(chk,id) {
chk[id].checked = true ;
}
</script>

和复选框代码:

<td><input type="checkbox" name="checkbox" value="<?php echo $fet['id']; ?>"

2 个答案:

答案 0 :(得分:1)

$linkToInterview = 'checkById(document.myform.checkbox,$interview_id)';

将包含文字 $interview_id,这意味着您正在输出

<a href="..." onclick='checkById(document.myform.checkbox,$interview_id)'>

要包含$interview_id内容,您应该使用双引号,在其周围添加单引号,并在HTML输出上使用双引号:

<?php
$linkToInterview = "checkById(document.myform.checkbox,'$interview_id')";
?>
<a href="..." onclick="<?=$linkToInterview?>;">

这将输出(假设您的$interview_id="test"):

<a href="..." onclick="checkById(document.myform.checkbox,'test');">

答案 1 :(得分:0)

好吧,让我们假设问题是你的javascript。使用JQuery的方式应该与使用Javascript的方式类似。这个想法是每当你点击图像,通过传递图像的ID - &gt;你得到等效复选框的ID(这取决于你想怎么做) - &gt;触发checkByID函数为您执行检查/取消选中作业。

    <script type="text/javascript">
    function checkByID(ID_Of_My_Checkbox) {
    $('ID_Of_My_Checkbox').attr('checked','checked');
     }
    </script>